1

我有一个 ZUL 页面，它由“borderlayout”对齐。在“北”我有一个菜单栏，它左对齐。

现在我想要 2x 按钮和 2x 标签在“北”，在菜单栏的相反方向（右）。

我试过了：

        <north border="none">
        <hbox width="100%">
            <menubar id="menubar" width="380px">
                <menu label="A">
                    <menupopup>
                        <menuitem label="A1"/>
                    </menupopup>
                </menu>
                ....                    
            </menubar>
            <hbox vflex="1" hflex="1" align="center">
                <div hflex="1"></div>
                <label id="B"/>
                <button id="C" label="C" />
                <button id="D" label="D" />
                <label id="E"/>
            </hbox>
        </hbox>
    </north>

看起来不错，但是当我为标签“b”或“e”设置一个值时，设计就会被破坏。

h**p://i.imgur.com/HnRnxmj.png

图像中的顶部是正确的，而底部是搞砸的。任何想法如何解决这个问题？按钮是“固定宽度”，而两个标签都可以“增长”。

谢谢

4

1 回答 1

1

您的垫片<div>占用了所有空间。删除它，然后将设置pack为。<hbox>end

这给了你类似的东西：

...                    
  </menubar>
  <hbox vflex="1" hflex="1" align="center" pack="end">
    <label id="B"/>
...

作为一般说明，我发现Firefox/Firebug用于调试这些布局问题非常有帮助。因此可以很容易地看到代码DOM生成了哪个结果ZUL。

于 2013-10-24T07:30:31.903 回答