包裝在xul：hbox

Question

我有XUL佈局奇怪的問題。 我當前的代碼：

<xul:vbox> 
    <xul:hbox> .. some elements .. </xul:hbox> 
    <xul:hbox> 
    <xul:hbox> .. some elements .. </xul:hbox> 
    <xul:hbox flex="1"> 
     <my:button anon-id="btn1" label="Sample button 1"/> 
     <my:button anon-id="btn2" label="Sample button 2"/> 
     ... 
     <my:button anon-id="btnN" label="Sample button N"/> 
    </xul:hbox> 
    <xul:hbox> .. some elements .. </xul:hbox> 
    <xul:hbox> 
</xul:vbox> 

我需要做的按鈕可調整大小的hbox，但如果按鈕不適合於容器 - 它應該被包2（或更多）線。目前，當我縮小瀏覽器大小時 - 一些按鈕隱藏在窗口的右邊界後面。

my:button是盒display: inline-block;和一些裏面的內容。

我試過float: left上的按鈕，display: block，overflow: visibel和其他技巧在HTML/CSS工作。

感謝您的關注。

Answer 1

使用<description>標籤，而不是<hbox>周圍的按鈕。