중앙 네비게이션 바 및 링크

저는 페이지와 같이 너비가 넓은 바를 만들고, 링크가 고르게 튀어 나오도록하는 방법을 찾고있었습니다. 나는이 두 장소로 검토 한 결과 :중앙 네비게이션 바 및 링크

http://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_horizontal_float_advanced http://www.cssnewbie.com/full-width-centered-navigation-bar/

그들은 종류의 도움이되지만 고르게 퍼져 링크를 설명하지 않습니다. 그들은 모두 왼쪽이나 오른쪽으로 떠 있습니다. 이것에 대한 어떤 도움도 매우 감사 할 것입니다.

출처

2012-05-01 Gᴇᴏᴍᴇᴛᴇʀ

귀하의 질문을 이해하면 백분율로 작업해야합니다. 여기

빠른 예 : 목록에서 4 개 항목

ul { 
 
    width: 100%; 
 
    display: inline-block; 
 
    background: green; 
 
} 
 

 
ul li { 
 
    float: left; 
 
    width: 25%; 
 
    text-align: center; 
 
}

<ul> 
 
    <li><a href="">LINK 1</a></li> 
 
    <li><a href="">LINK 2</a></li> 
 
    <li><a href="">LINK 3</a></li> 
 
    <li><a href="">LINK 4</a></li> 
 
</ul>

당신이 폭 등 20 % 것이다 5 개 항목으로, 각 LI 폭이 25 %를 설정해야 ...

출처

2012-05-01 22:48:32

내가 알기로는 요소를 균일하게 펼치는 유일한 방법은 너비가 100 % 인 <table>을 사용하는 것입니다. 다른 모든 솔루션에서는 너비를 지정할 필요가 있습니다. 링크 수는 다양 할 수 있기 때문에 모를 수도 있습니다.

자바 스크립트를 사용하면 broser의 뷰포트가 너비를 지정하는 것이 얼마나 큰지 알 수 있습니다. see this blog entry

출처

2012-05-01 22:51:54 devsnd

중앙 네비게이션 바 및 링크

답변

관련 문제