Обертка в 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> 

мне нужно сделать с помощью кнопок горизонтальный бокс с изменяемыми размерами, но если кнопки не помещается в контейнер - он должен быть обернут в течение 2 (или более) линий. В настоящее время, когда я уменьшаю размер браузера - некоторые кнопки скрываются за правой границей окна.

my:button есть коробка с display: inline-block; и некоторые материалы внутри.

Я пробовал float: left на кнопке, display: block, overflow: visibel и других трюках, работающих в HTML/CSS.

Спасибо за внимание.

Answer 1

Используйте тег <description> вместо <hbox>, окружающий кнопки.