Vaadin组件对齐

Question

我有三个文本字段垂直布局和我想在HorizontalLayout的第三个文本字段的右侧放置一个按钮，但实际情况是，按钮被放置在与文本字段的标题对齐的位置。我是如何在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。