메뉴가 제대로 정렬되지 않습니다

저는 CSS 메뉴가있어서 부모 메뉴에 맞추기 위해 아이들이 필요합니다. 나는이 권리를 얻을 수없는 것 같습니다. 나는 여러 가지를 시도했지만 메뉴는 div와 함께 중심에 있지 않습니다. 그 모양을하는데 어떻게메뉴가 제대로 정렬되지 않습니다

: 여기

proper menu style

코드입니다 : http://jsfiddle.net/V95wJ/

출처

2012-08-01 thecodeassassin

이 예제는 알고 있지만 코드가 드롭 다운이 나타나기를 원하는 곳에서 메뉴가 표시 될 때 코드에서 나타납니다. 줄곧 멀어져? 아니면 Agenda의 드롭 다운에 어떤 문제가 있습니까? 테스트가 왼쪽으로 너무 멀리 떨어져있는 것에 대해 이야기하고 있다면 왜 그냥 덧붙여 야합니까? – ChiefTwoPencils

나에게 맞기 때문에 어떤 브라우저를 사용합니까? 또는 질문이 잘못되었습니다. – Gijs

당신은

상위 메뉴

text-align:center;

을 사용하고, 방법이 없습니다 아이들은 부모와 CSS로 정렬 될 수 있습니다. 어쩌면 js와 함께하지만, 심지어 그것으로, 나는 그것이 가능하다고 생각하지 않습니다.

나는 당신이 각 어린이 메뉴를 위해 이것을 직접해야 할 것이라고 생각합니다.

출처

2012-08-01 08:10:37 Jerska

수작업으로 수행하는 것은 불가능합니다. – thecodeassassin

각 하위 항목이 아님. 각 어린이들을위한 패딩 왼쪽 설정을 항목이 아니라 메뉴로 다시 설정하면됩니다. 나는 주요 카테고리가 변하지 않을 것이라고 생각한다. – Jerska

바이올린의 예를 들어 이것을 보여줄 수 있습니까? – thecodeassassin

CSS의 ul.nice-menu li ul li a 스타일은 왼쪽에 약간의 여백/여백을 사용할 수 있습니다.

padding: 0; 
padding-left: 20px;

... 및 ul.nice-menu li ul에

margin-top: -10px;

추가 깔끔하게 메뉴와 서브 메뉴를 터치의 상단과 하단을 만든다 : 빠른 시험이 요소에 대한 패딩을 설정하는 것을 보여준다.

대략 원하는대로 제공해야합니다.

참고로 Chrome에서 테스트했습니다.

편집 : Jerska에 의해 지적, 상위 메뉴 항목은 하위 메뉴의 텍스트를 정렬하는 다음 적어도 쉽게 (작동, 그리고 훨씬 미세 조정없이, 그리고 것을 의미하는 집중되어 아마도 모든 브라우저에서 작동하지 않을 것입니다).

예를 들어, 왼쪽 맞춤 메뉴 항목과 같은 올바른 방향으로 사용자를 안내 할 수 있으므로 답변을 남기고 있습니다.

출처

2012-08-01 08:11:40 icabod

이봐 요, 요점은 주요 항목이 중앙에 위치해야한다는 것입니다. 디자이너가 만든 방법입니다. 클라이언트가 메뉴 항목을 추가하기 때문에 모든 하위 항목에 대해이 작업을 수행 할 수 없습니다. – thecodeassassin

메뉴가 제대로 정렬되지 않습니다

답변

관련 문제