換行XUL元素

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>標記中，但這似乎不適合我。

什麼是正確的CSS或XUL屬性用於導致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>