Emballage dans xul: hbox

Question

J'ai un problème étrange avec les 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). Actuellement, lorsque je réduis la taille du navigateur - certains boutons se cachent derrière la bordure droite de la fenêtre.

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

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

Merci pour votre attention.

Answer 1

Utilisez l'étiquette <description> au lieu du <hbox> entourant les boutons.