Упаковка в xul: hbox

StackOverflow https://stackoverflow.com/questions/3908439

  •  29-09-2019
  •  | 
  •  

Вопрос

У меня есть странная проблема с макетами 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.

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

Это было полезно?

Решение

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top