1

ボタン付きのダイナミックパネルを作成しています。Deボタンには、画像の「大きな」画像とラベルがあります。長いラベルの場合は、複数行のラベルが必要です。cssを使用すると、複数行のbij設定を強制できますwhite-space: normal。しかし、次の行のボタンが行の終わりにスナップします。

2つのjsfiddleを設定しました

.launchpad-button .x-btn-inner 空白のあるものはコメントアウトされています。

jsfiddle 1

全文が欲しいだけで問題ないように見えます（したがって複数行）

jsfiddle 2

あまり良くないようです..これをどのように修正すればよいですか？

編集：

スナップ！ScottSのソリューションを使用して機能しますが、ウィンドウのサイズが変更されたり、十分なスペースがない場合、次の問題が発生します。新しい行（クリア：左）が間違った場所にあります

間違った場所に改行

4

1 に答える 1

2

それぞれの幅が3列しかない場合は、cssを使用cls: 'new-row'して4番目ごとのアイテムにaを追加します...xtype: 'container'

.new-row {
    clear: left;
}

...問題を修正します。純粋なcss3（最新のブラウザーでのみ機能する）では、スクリプトに追加のクラスnew-rowを追加する必要はありませんが、4番目ごとの要素を選択するにはこのcssだけです。

.x-container:nth-of-type(4n) {
    clear: left;
}
于 2012-07-16T16:54:05.347 に答える