jquery - Jqueryタブ-タブが多すぎます

Question

JQueryタブを使用しています。問題は、タブが多すぎると、一部のタブが次の行に押し込まれ、レイアウトが奇妙に見えることです。<div>タブの「width」プロパティを設定していません。<div>タブを次の行に押し込む代わりに、自動ストレッチする方法はありますか？

助けてくれてありがとう

Answer 1

提供された CSS テーマを見ると、次のように遊んでみます。

.ui-tabs .ui-tabs-nav li { 位置: 相対; フロート: 左; border-bottom-width: 0 !重要; マージン: 0 .2em -1px 0; パディング: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; テキスト装飾: なし; パディング: .5em 1em; }

次のようなものを試してください：

.ui-tabs .ui-tabs-nav li {
幅:自動;
最小幅:自動;
}

Answer 2

css ファイルを調べてスタイルを少しいじった後、「display:inline」を「.ui-tabs .ui-tabs-nav li」に追加する必要がありました。

また、タブが多すぎる場合、いくつかのタブが新しい​​行に押し下げられます。最初のタブのアイテムをクリックすると、一部のタブが移動することがあります。「.ui-tabs .ui-tabs-nav li.ui-tabs-selected」の「padding-bottom」を削除してこれを修正しました