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; 
}