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> ボタンを囲む。