CSS 메뉴 중앙 정렬

CSS를 사용하여 메뉴를 만들려고하지만 실제 배치에 문제가 있습니다.CSS 메뉴 중앙 정렬

지금 당장 내가 뭘했는지에 상관없이 항상 화면의 왼쪽에 있고 늘리지 않았습니다. 나는 그것을 중심에두고 화면의 100 %까지 늘리고 싶습니다. 너비 매개 변수, 여백, 텍스트 정렬을 변경해 보았습니다. 그러나 항상 원하는 것과 다른 것을 얻었습니다. 또는 전혀 작동하지 않았습니다.

메뉴는 여기에서 볼 수있다 : 내가 말했듯이, http://jsfiddle.net/98tW6/10/

내가 원하는 모든 배경 이미지 모두에서 화면을 통해 반복 수 있도록 페이지의 상단 중앙에있을 가능성이 뻗어하는 것입니다 상단에있는 단추가 중앙에 있습니다.

나는 중요한 선이 코드의이 부분에서 생각 :

div#menu

하지만 난

출처

2013-08-13 user2678541

무슨 뜻? [** fiddle **] (http://jsfiddle.net/venkateshwar/98tW6/11/). 덕분에 –

. 부분적으로 ... 원하는대로 뻗어 있지만 이전과 같이 단추가 서로 옆에 머물러 있기를 원한다면, 내가 의미하는 바를 이해하면 오른쪽과 왼쪽에 공백의 빨간색 조각이 있습니다. 중앙에 놓고 양쪽에 배경 이미지 만 펴서 – user2678541

제거 플로트 확실하지 오전과 <ul>이 추가 :

width:100%; 
text-align:center;

을 다음 inline-block이기 때문에 <li> 항목에서 부동을 제거하고 inline-block 요소로 변경합니다. 부모의 text-align:center, 그리고 중심됩니다

는

display: inline-block;

바이올린 : 이것처럼

http://jsfiddle.net/98tW6/17/

출처

2013-08-13 12:40:10 koningdavid

감사합니다! 그게 정확히 무슨 뜻인지 – user2678541

하지만, 그냥 찾고, 메뉴의 마지막 항목을 가져 가면 어떻게 든 이상합니다 – user2678541

부 메뉴가 올바르게 작동하지 않습니다 – user2678541

CSS 메뉴 중앙 정렬

답변

관련 문제