需要適合水平空間的JQuery UI自定義選項卡

Question

JQuery UI選項卡左側堆疊，不填充水平空間。

也許這是過分的要求，但這裏有雲：

考慮下面的標記

<table width="100%"> 
    <tr> 
    <td> 
     ...content... 
    </td> 
    <td> 
     ...content... 
    </td> 
    <td> 
     ...content... 
    </td> 
    </tr> 
</table> 

默認情況下表格單元格擴展，以適應現有的水平空間。所以，如果選項卡設計爲表格單元格，它將是流動的。

問題：

1. 是使用DIVS這種行爲可能嗎？
2. 這是可能的使用JQuery UI標籤？

問候，情緣

Answer 1

是的，你可以使用CSS：

.ui-tabs-nav { 
    display: table; 
    width: 100%; 
} 

.ui-tabs-nav li { 
    float: none; 
    display: table-cell; 
}