Question

我有一个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”设置一个值时，设计就会被破坏。

ħ**号码：//i.imgur.com/HnRnxmj.png

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

由于

Answer 1

你的间隔<div>占用了所有空间。删除此项，然后将pack的<hbox>设置为end。

这给你这样的东西：

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

作为一般说明，我发现使用Firefox/Firebug来调试这些布局问题非常有帮助。因此，可以轻松查看DOM代码生成ZUL的结果。

ZK：带按钮的菜鸟

1 个答案: