導航欄鏈接/項目與CSS的大小相同

Question

下面是我從css按鈕生成器獲取的代碼我想知道如何使它們全部具有相同的大小，而不是調整爲文本長度的按鈕。

font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    color: #ffffff; 
    padding: 10px 20px; 
    background: -moz-linear-gradient(
     top, 
     #42aaff 0%, 
     #003366); 
    background: -webkit-gradient(
     linear, left top, left bottom, 
     from(#42aaff), 
     to(#003366)); 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    border: 1px solid #003366; 
    -moz-box-shadow: 
     0px 1px 3px rgba(000,000,000,0.5), 
     inset 0px 0px 1px rgba(255,255,255,0.5); 
    -webkit-box-shadow: 
     0px 1px 3px rgba(000,000,000,0.5), 
     inset 0px 0px 1px rgba(255,255,255,0.5); 
    box-shadow: 
     0px 1px 3px rgba(000,000,000,0.5), 
     inset 0px 0px 1px rgba(255,255,255,0.5); 
    text-shadow: 
     0px -1px 0px rgba(000,000,000,0.7), 
     0px 1px 0px rgba(255,255,255,0.3); 
} 

Answer 1

只要給他們所有固定的寬度根據您最大的內容。

Answer 2

你可以用固定的px或百分比來做到這一點。但關鍵是要再做文本對齊：中心，也是我扔進列表：

http://codepen.io/anon/pen/CfjcG

Answer 3

嗯......你需要做的元素出來的，該代碼是隻是給你你需要的任何你設計上的按鈕創作者的影響，你需要，如果你想成爲一個不同的大小隻是改變將它應用到具有特定尺寸的元素。例如

.buttons{ 
    width:60px; 
    height:30px; 
    float:left; 
    (all the button stuff) 
} 

價值的寬度和高度...這應該做它..讓我知道它是否工作.. :)