减少gwt中标签和列表框之间的空间答案

【问题标题】：Reducing space between a label and list box in gwt减少gwt中标签和列表框之间的空间
【发布时间】：2013-02-06 06:46:27
【问题描述】：

环境是一个标签，旁边是一个水平面板中的列表框。我怎样才能减少这两者之间的空间？我尝试将间距设置为 0，但似乎不起作用。

有没有什么方法可以在不使用标签的情况下添加标题？

【问题讨论】：

哪个浏览器？代码在哪里？您使用的是 smartgwt 还是 gxt？请提供有问题的详细信息以及您尝试过的信息。
它使用基本的 Gwt，我尝试将水平面板的对齐设置为右，将间距设置为 0。
您在水平面板中指定的宽度是多少？
将水平面板设置为 70%

标签： gwt uibinder gwt2

【解决方案1】：

如果您将 gwt 与 UIBinder 一起使用，那么您可以使用 css 设置间距。要进行实验，请右键单击浏览器并“检查元素”，然后尝试使用边距、填充等，直到看起来正确。然后，您可以使用 label.setStyle("bla-bla") 在 gwt 中的元素上设置一个类，并在样式表中设置边距/填充

【讨论】：

【解决方案2】：

给你

水平面板将创建一个表格，如果您在面板上指定宽度，该宽度小部件将共享相等的空间。

所以

设置显示类型block，使其在整个宽度上并排排列

    HorizontalPanel panel  = new HorizontalPanel();
    panel.setWidth("70%");
    panel.getElement().getStyle().setDisplay(Display.BLOCK);
    panel.add(new Label("Lable"));
    panel.add(listbox);
    RootPanel.get().add(panel);

【讨论】：