XUL 网格布局问题

Question

我现在正在创建一个 XUL 应用程序，但此时遇到了一些问题。我当前的文件位于： http://projects.thecloudonline.net/gemxul/regrid.xul< /a>.

我希望第二列本质上是“浮动：右”（就像 CSS 在网页上的工作方式一样）。红色背景显示该部分已移动，但我的内容卡在左侧。怎样才能让内容与之配合呢？

其次，我的总体目标是让布局基本上分成两半。在第一列上设置 maxwidth="50%" 似乎没有任何作用。这是正确的方法，还是我离那里还很远？

现在就这些了！

Answer 1

这应该可行：

<grid style="border: #000000 solid 1px;">
    <columns>
        <column style="border-right: #666666 solid 1px;"/>
        <column flex="1"/>
        <column style="background-color:red;"/>
    </columns>
    <rows>
        <row>
            <vbox>
                <label value="Launcher 1" id="l1_title"/>
                <button label="button" id="l1_btn" />
                <label value="This is a description for item 1." id="l1_desc"/>
            </vbox>
            <spacer/>
            <vbox>
                <label value="Launcher 2" id="l2_title"/>
                <button label="button" id="l2_btn"/>
                <label value="This is a description for item 2." id="l2_desc"/>
            </vbox>
        </row>
        <row style="border-top: #666666 solid 1px;">
            <vbox>
                <label value="Launcher 3" id="l3_title"/>
                <button label="button" id="l3_btn"/>
                <label value="This is a description for item 3." id="l3_desc"/>
            </vbox>
            <spacer/>
            <vbox>
                <label value="Launcher 4" id="l4_title"/>
                <button label="button" id="l4_btn"/>
                <label value="This is a description for item 4." id="l4_desc"/>
            </vbox>
        </row>
    </rows>
</grid>

有几种方法可以做到这一点。就我个人而言，我不会使用网格来做这样的事情。 vbox 和 hbox 的组合胜过您通常在表格中所做的任何事情。但当然，这完全取决于您的最终目标是什么。