Question

请考虑以下事项：

<groupbox id="keyboard" orient="horizontal">
        <button id="a" label="a" class="thinbutton"/>
        <button id="b" label="b" class="thinbutton"/>
        <button id="c" label="c" class="thinbutton"/>
</groupbox>

它是Firefox扩展程序中对话框的一部分。我有一些javascript在groupbox元素中添加了不同数量的按钮（上面的元素或多或少只是说明性的）。通常在40-80个按钮的顺序。然而，它们从窗口的边缘流出，而到达它们的唯一方法是调整窗口的大小。我喜欢它们在最后包装，就像文本元素中的文本一样。我已经在这里看到了另外一个看似相关的问题，解决方法是将按钮包裹在<description>标签中，但这对我来说似乎不起作用。

用于导致XUL元素换行的正确CSS或XUL属性是什么？

Answer 1

包装<description>元素中的按钮是这里的方法 - 但您应该记得添加flex="1"属性（<description>元素需要跨越整个宽度<groupbox>元素而非延伸到其内容。这对我有用：

<groupbox id="keyboard" orient="horizontal">
  <description flex="1">
    <button id="a" label="a" class="thinbutton"/>
    <button id="b" label="b" class="thinbutton"/>
    <button id="c" label="c" class="thinbutton"/>
    ...
  </description>
</groupbox>

换行XUL元素

1 个答案: