드롭 다운 메뉴를 중앙에 배치하는 방법은 무엇입니까?

Question

오늘이 CSS 문제를 해결하는 데 도움을 주셔서 감사합니다.

네비게이션 메뉴를 설정했습니다 (상단 nav = main-nav). 원하는대로 설정할 수 있지만, 내 삶에 대해 드롭 다운을 정렬하는 방법을 알아낼 수 없습니다 (2 단계 탐색)을 부모 탐색 항목에 추가 할 수 있습니다.

네비게이션 목록은 메뉴가 중간에 설정되어 있고 Wordpress를 통해 여전히 동적 인 것은 까다 롭습니다. 디스플레이 조합 : 테이블과 디스플레이 : 테이블 셀을 사용했습니다. 탐색의 최상위 수준은 좋아 보이지만 드롭 다운 보조 수준은 정렬되지 않습니다.

모든 조언을 주시면 감사하겠습니다. 미리 감사드립니다! 건배,

Answer 1

ul li에 너비를 추가하면 어린이 nav가 조정됩니다. 여기에서 작동하는 바이올린 : http://jsfiddle.net/ktFJg/

.nav ul { 
    font-size:12px; 
    width:1140px; 
    text-align:center; 
    display:table; 
} 
.nav ul, .nav ul li { 
    float:none; 
} 
.nav ul li { 
    margin-left:20px; 
    width:100px; 
} 
.nav ul li ul { 
    text-align:left; 
    display:-inline-block; 
    border:none; 
} 
.nav li { 
    float:none; 
    display:inline-block; 
    display:table-cell; 
    vertical-align:middle; 
    color:#000; 
} 
.nav ul li a, nav ul li a:active { 
    color:#000; 
} 
.nav ul li a:hover { 
    color:#c0c0c0; 
}