앵커를 목록 너비에 맞추는 방법

<a>을 내 li 너비에 맞게 조정하려면 어떻게해야합니까? http://jsfiddle.net/GYKcB/앵커를 목록 너비에 맞추는 방법

<div id= "wrapper"> 
<div class="nav"> 
    <ul> 
    <li><a href="#">One</a></li> 
    <li><a href="#">One</a></li> 
    <li><a href="#">One</a></li> 
    <li><a href="#">One</a></li> 
    <li><a href="#">One</a></li> 
    </ul> 
</div> 
</div>

감사

출처

2013-09-07 ImAtWar

에 잘 작동이 CSS를 사용 앵커 태그가 각 목록 항목에서 사용 가능한 공간의 100 %를 차지하도록하려는 경우 나는 당신의 피들을 갈래 았고 CSS를 청소했습니다. 이 방법이 도움이되는지 확인하십시오. [JSFiddle] (http://jsfiddle.net/philnicholas/avLLT/5/) 각 목록 항목에 백분율을 입력해야합니다.이 경우 각 항목에 대해 20 %를 입력해야합니다. 5 (즉, 100 %/5 = 20 %). – PhilNicholas

그냥 당신이 탐색 모음으로 사용되는 수평으로 표시 동등하게 분산 정렬되지 않은 목록 찾고있는 무슨 생각이 jsfiddle

ul li a{color: black;background:url(http://mwv3.webs.com/menu_hover.png)-20px bottom no-repeat; 
    padding:0px 0px 9px 0px;width:100%; 
     -webkit-transition: background .5s ease; 
     -moz-transition: background .5s ease; 
      -o-transition: background .5s ease; 
      -ms-transition: background .5s ease; 
       transition: background .5s ease; 
    display:block;/*ADDED*/ 
} 

ul li a:hover{ 

background:url(http://mwv3.webs.com/menu_hover.png) center bottom no-repeat; /*Changed*/ 
}

출처

2013-09-09 10:35:49

앵커를 목록 너비에 맞추는 방법

답변

관련 문제