2013-12-18 3 views
0

탭이 메뉴의 나머지 공간을 모두 차지하도록하려면 어떻게해야합니까? 탭 수에 따라 탭 사이의 간격을 조정하십시오. 사전에 http://jsfiddle.net/Fxy8r/CSS에서 전체 너비 가로 메뉴 만들기

감사 :

<div id="menu"> 
    <ul> 
     <li> 
      <a class="lien_menu"><br>Onglet0 loooooooog</a> 
     </li> 
     <li> 
      <a class="lien_menu"><br>Onglet1</a> 
     </li> 
    </ul> 
</div> 

여기에 내 현재 코드입니다. http://jsfiddle.net/Fxy8r/1/

+1

당신이 질문을 바꿔 또는 그림을 추가하시기 바랍니다 수 : 바이올린 업데이트

#menu { display: table; table-layout: fixed; } #menu ul { display: table-row; } #menu ul li { display: table-cell; } 

: – Ranveer

+0

가로 메뉴입니까 세로 메뉴입니까? – user1618143

+0

정렬되지 않은 목록을 사용하고 있지만 각 목록 항목의 표시 방법을 정의하지는 않습니다. 원하는 결과를 얻을 수있는 곳이 있습니다. – gSaenz

답변

2

다음과 같은 CSS를 추가 하시겠습니까?
0
#menu { 
    width:100%; 
} 
#menu ul { 
    width:inherit; 
} 
#menu ul li { 
    width:50%; 
    float:left; 
} 
관련 문제