Question

我正在努力创建一个XUL应用程序，此时我遇到了一些问题。我当前的文件在这里：http://projects.thecloudonline.net/gemxul/regrid.xul。

我希望第二列基本上“浮动：正确”（就像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比通常在表中执行的任何操作都要好。但当然这完全取决于你的最终目标。

XUL网格布局的问题

1 个答案: