均勻分配空間li使用百分比

Question

有沒有辦法均勻分配元素？我正在設計一個響應式設計，並且希望在菜單中均勻分配li。

HTML

<div id="navigation"> 
    <ul> 
     <li><a href="shop.html">Shop</a></li> 
     <li><a href="/blog">Blog</a></li> 
     <li><a href="about.html">About</a></li> 
     <li>|</li> 
     <li><a href="freebies.html">Freebies</a></li> 
     <li><a href="lookbook.html">LookBook</a></li> 
     <li><a href="gift-finder.html">Gift Finder</a></li> 
    </ul> 
</div> 

CSS：

導航UL {

餘量：0; 填充：0;

}

導航李{

display:inline-block; 
font-size:30px; 
font-family: 'delicious_smallcapsregular'; 

}

導航{

寬度：100％; }

導航立一個{

color:#737373; 
text-decoration: none; 

}

Answer 1

嘗試使用以％的這樣的邊緣;

#navigation li{ 
display:inline-block; 
font-size:1.8em; 
margin:0 2%; 
font-family: 'delicious_smallcapsregular'; 
list-style-type: none; 
} 

而且不只是利潤率也不斷減少font-size和padding獲得更加敏感和均勻分佈的每一個設備。