Einwickeln in xul: hbox

Question

Ich habe seltsames Problem mit XUL-Layout. Mein aktueller Code:

<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>

Ich brauche hbox mit Tasten resizable, machen, aber wenn Tasten nicht in Container passen - es sollte für 2 (oder mehr) Zeilen umgebrochen werden. Derzeit wenn ich Browsergröße schrumpfen -. Einige Tasten hinter dem rechten Rand des Fensters versteckt

my:button ist Box mit display: inline-block; und dem Inhalt im.

Ich habe versucht, float: left auf den Knopf, display: block, overflow: visibel und andere Tricks arbeitete in HTML / CSS.

Vielen Dank für die Aufmerksamkeit.

Answer 1

Mit dem <description>-Tag statt der <hbox> die Tasten umgeben.