包装在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>周围的按钮。