중심으로

Question

베스트 바이올린 함께 표시? 자식 요소가 부모보다 더 넓기 때문에 내가 찾은 중 심의 트릭이 많이 적용되지 않습니다.

순수 CSS로 가능합니까? 아니면 자바 스크립트를 사용해야합니까?
JS가 필요한 경우 누구든지이 작업을 수행하는 데 편리한 JQuery 코드가 있습니까?

Answer 1

는이처럼 submenu에 기본 width을 정의 할 수 있습니다 :

.sub-menu { 
    display: none; 
    position: absolute; 
    top: 20px; 
    left: 0; 
    white-space: nowrap; 
    text-align:center; 
    left:50%; 
    margin-left:-150px; 
    width:300px; 
} 
.active .sub-menu { 
    display:block; 
} 

확인이 http://jsfiddle.net/sandeep/Jnttm/1/

Answer 2

이 하위 메뉴를 중심됩니다 ul > ul.sub-menu { position: absolute; left: 50%; transform: translateX(-50%) }