在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;和一些内容。

我尝试过在按钮，display: block，overflow: visibel和其他在float: left /CSS中工作的技巧。

感谢您的关注。

Answer 1

使用<description>标记而不是按钮周围的<hbox>。