垂直布局填充

Question

1. 为什么 VerticalLayout 中的组件在边缘放置时会有一些填充？
2. 如何解决这个问题？

下面的代码演示了此问题：

@Component
@UIScope
public class TestForm extends CustomComponent {
    public TestForm() {
        HorizontalLayout hlayout = new HorizontalLayout();
        VerticalLayout vlayout = new VerticalLayout();
        hlayout.setSizeFull();
        vlayout.setStyleName("page");
        Label label1 = new Label("Label1");
        Label label2 = new Label("Label2");
        hlayout.addComponent(label1);
        vlayout.addComponent(label2);
        hlayout.addComponent(vlayout);
        setCompositionRoot(hlayout);
    }
}

结果：在此处输入图像描述

谢谢！

Answer 1

从 Vaadin 8 开始，VerticalLayout的默认值是有一个"边距"。 这意味着您可以获得布局的每个单元格所经历的填充。 因此，请将label2放在您想要的位置，您可以致电：

vlayout.setMargin(false)