Avvolgendoli in xul: hbox

Question

Ho strano problema con layout XUL. Il mio codice corrente:

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

ho bisogno di fare hbox con i pulsanti ridimensionabili, ma se i pulsanti non si adatta in un contenitore - dovrebbe essere avvolto per 2 (o più) linee. Attualmente, quando rifuggo dimensione del browser -. Alcuni dei pulsanti che si nascondono dietro il bordo destro della finestra

my:button è scatola con display: inline-block; e alcuni all'interno dei contenuti.

Ho cercato float: left sul pulsante, display: block, overflow: visibel e altri trucchi lavorato in HTML / CSS.

Grazie per l'attenzione.

Answer 1

Utilizzare il tag <description> invece del <hbox> che circonda i pulsanti.