Vaadin 组件对齐

Question

我有 3 个垂直布局的文本字段和 我想在 Horizo​​ntalLayout 的第三个文本字段的右侧放置一个按钮， 但发生的是按钮与文本字段的标题对齐。 我是如何在 Vaadin 8 中解决这个问题的？

Answer 1

假设您希望按钮与TextField的框（而不是字段的标题）对齐，并且两个组件处于相同的水平布局中，您可以使用以下内容：

buttonName.getElement().getStyle().set("margin-top", "auto");

Answer 2

您可以使用com.vaadin.ui.Alignment 来满足有序布局中的基本对齐需求。例如：

horizontalLayout.setComponentAlignment(button, Alignment.BOTTOM_LEFT);

默认对齐方式为TOP_LEFT。