CSS에서 요소 가운데 맞추기

Question

나는이 질문에 답을 얻었을 것이며, 보통 margin : 0 auto; 또는 뭔가 다른,하지만이 사이트에 : otgtires.com 나는 상위 요소 가운데에 가운데에 탐색 모음을 가져올 수 없습니다. 내가 여기에 몇 가지 코드를 붙여 넣을 것이지만, 귀하의 브라우저에서 dev 도구를 사용하는 것이 더 쉽다고 생각합니다. 제가 누락 된 부분을 알려주세요!

편집 : 이미 가운데에있는 것처럼 축소하십시오.

사이트의 브라우저를 확대하면 다른 모든 요소가 서로 상대적으로 위치를 유지하지만 탐색 모음이 왼쪽으로 유지됩니다. 사용자 창의 확대/축소 방법에 관계없이 탐색 모음을 페이지 중앙에두기를 원합니다.

Answer 1

현재 백분율 기반 너비를 사용하고 있기 때문에 "가운데 맞춤"되지 않습니다. 대신 고정 폭을 시도해보십시오

#top_navigation { 
    width: 500px; 
    margin: 0 auto; 
    } 

편집 : 또한

, 탐색 요소는 인라인하며, 아래의 내용이 브라우저 폭이 단축 될 때 혼동하는 경향이 있기 때문에 다음과 같은 맑은 수정 프로그램을 사용하는 것이 좋습니다 :

: 여기

#top_navigation { 
    overflow: hidden; 
    } 

수평 중심을 보여주는 주입 위의 코드와 사이트의 스크린 샷입니다

Answer 2

@gmeben은

#top_navigation { width: 100% } 

내가 빨리

#top_navigation { width: 1125px; margin: 0 auto; } 

로 변경하고이를 중심으로했기 때문에 그것의 올바른 것입니다.

Answer 3

#top_navigation { 
width: 1125px; 
margin: 0 auto 0 auto; 
}