У меня странная проблема с разметкой 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>
Мне нужно сделать hbox с изменяемыми размерами кнопок, но если кнопки не помещаются в контейнер - он должен быть перенесен на 2 (или более) строки.В настоящее время, когда я уменьшаю размер браузера - некоторые кнопки скрываются за правой границей окна.
my:button - это поле с display: inline-block; и некоторым содержимым внутри.
Я пробовал float: left on button, display: block, overflow: visibel и другие хитрости работали в HTML / CSS.
Спасибо за внимание.