JQuery-UI Tabs的樣式選項卡

Question

我想知道如何在jquery-ui選項卡中設置菜單（li）的樣式。

這是我的jsfiddle：http://jsfiddle.net/youkai/74BMU/

我想創建與圖標標籤菜單，選項卡具有相等的寬度（填充在div width0

目前在div是600寬，我有6標籤，所以我設置：

.ui-tabs .ui-tabs-nav li { 
border: none; 
background: #003300; 
width:16%; 
} 

，它做，因爲我想（設置標籤寬度），但是，當選擇該選項卡，選中李的背景不填充寬度...。

使用上面的css改變的寬度也不會影響圖像圖標（我希望居中不是左對齊）

Answer 1

如果要填充寬度。您必須使用width:100%; 我已更新您創建的小提琴。 請檢查出來。

http://jsfiddle.net/74BMU/11/

這裏的變化，

$('<li><a href="#tab5"><img src=' + petLogo + ' width="100%" height="32px"/></a></li>').appendTo('#tabID');