3

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

助けてくれてありがとう

4

2 に答える 2

4

提供された 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 {
幅:自動;
最小幅:自動;
}
于 2009-03-23T20:00:06.090 に答える
3

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

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

于 2009-03-23T20:32:07.587 に答える