Emballage en XUL: hbox

Question

J'ai étrange problème avec mises en page XUL. Mon code actuel:

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

Je dois faire hbox avec des boutons redimensionnables, mais si les boutons ne correspond pas dans le récipient - il doit être enroulé pour 2 lignes (ou plus). À l'heure actuelle, quand je Réduire la taille du navigateur -. Certains des boutons qui se cachent derrière la bordure droite de la fenêtre

my:button est boîte avec display: inline-block; et certains à l'intérieur du contenu.

J'ai essayé float: left sur le bouton, display: block, overflow: visibel et d'autres trucs travaillé en HTML / CSS.

Merci pour l'attention.

Answer 1

Utilisez la balise <description> au lieu des <hbox> entourant les boutons.