帶有多行標籤的按鈕，帶列布局帶來麻煩

Question

我正在用按鈕創建一個動態面板。 De按鈕具有圖像'大'圖像和標籤。對於更長的標籤，我想要多行標籤。使用CSS你可以強制多行bij設置white-space: normal。但是接着下一行的按鈕就會對齊該行的末尾。

我已經設置了2的jsfiddle的

一個與註釋掉.launchpad-button .x-btn-inner空白。

jsfiddle 1

看起來我要全文（如此多行）

jsfiddle 2

看起來不那麼精緻。我應該怎麼解決這個問題只罰款？

編輯：

嗷卡！它的工作原理採用斯科特」的解決方案，但是當我調整窗口大小或沒有足夠的空間，我得到這個問題：新的生產線（明確：左）是在錯誤的地方

Answer 1

如果每個只有三列寬，然後添加一個cls: 'new-row'以每4個項目中的xtype: 'container'隨着三網融合

.new-row { 
    clear: left; 
} 

... fixes the issue。純CSS3（所以only working in modern browsers）不需要額外的類new-row添加到腳本，只是這個CSS選擇每4個元素：

.x-container:nth-of-type(4n) { 
    clear: left; 
}