JQueryタブを使用しています。問題は、タブが多すぎると、一部のタブが次の行に押し込まれ、レイアウトが奇妙に見えることです。<div>
タブの「width」プロパティを設定していません。<div>
タブを次の行に押し込む代わりに、自動ストレッチする方法はありますか?
助けてくれてありがとう
JQueryタブを使用しています。問題は、タブが多すぎると、一部のタブが次の行に押し込まれ、レイアウトが奇妙に見えることです。<div>
タブの「width」プロパティを設定していません。<div>
タブを次の行に押し込む代わりに、自動ストレッチする方法はありますか?
助けてくれてありがとう
提供された 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 { 幅:自動; 最小幅:自動; }
css ファイルを調べてスタイルを少しいじった後、「display:inline」を「.ui-tabs .ui-tabs-nav li」に追加する必要がありました。
また、タブが多すぎる場合、いくつかのタブが新しい行に押し下げられます。最初のタブのアイテムをクリックすると、一部のタブが移動することがあります。「.ui-tabs .ui-tabs-nav li.ui-tabs-selected」の「padding-bottom」を削除してこれを修正しました