Заворачивание в xul:hbox

У меня странная проблема с разметкой 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 на кнопку, display: block, overflow: visibel и другие трюки работали в HTML/CSS.

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

Источник

1 ответ

Решение

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

Источник
Другие вопросы по тегам