2011-05-21 219 views
2

我正在使用jQuery標籤的標準默認功能,我讓它們運行起來,但是在設計它們時遇到困難。 (我已經從我的代碼中刪除了這些嘗試,以避免混淆 - 儘管如此,仍然保留邊距和填充爲0)。我試圖覆蓋哪裏,我認爲樣式來自但無濟於事。我希望A-Z標籤在理想情況下適合一條線(同時仍保留500px寬度#main)。jQuery標籤寬度

任何人都可以指向我正確的方向與我需要做什麼,或者甚至更好地提供我將獲得我正在尋找的CSS。謝謝。

代碼:http://jsfiddle.net/Deva/eTx5x/

+0

對不起,你是什麼意思與「我想的AZ選項卡都適合在一個 '行'理想的。「你想在一行中製作所有標籤(a-z)嗎?如果答案是'是',則可以將#main寬度設置爲1350像素(之前爲500像素) – bungdito 2011-05-21 15:12:12

+0

是 - 正確,但我想將主寬度保持爲500像素。對不起,我應該已經更清楚:) – 2011-05-21 15:14:46

+0

你想要他們在一條線上,但你想寬度保持在500px?所以你想要標籤變小? :p – 2011-05-21 15:18:54

回答

2

到你的CSS添加

div#tabs ul li, div#tabs ul li a { 
    width: 15px; 
    padding: 0; 
    margin: 0; 
} 

http://jsfiddle.net/eTx5x/21/

+0

完美。謝謝:) – 2011-05-21 15:25:35

+0

歡迎您:) – 2011-05-21 15:28:39

+0

這個解決方案不能用jQuery Tools v1.2.7 – 2014-08-05 09:14:08