如何调整Vaadin组件'；水平布局中的垂直对齐？

我想将按钮与文本字段对齐在同一行上。项目对齐方式已设置为

alignment.CENTER

，但从图像中可以看到，文本字段的垂直中心较低，因为标签位于文本字段顶部

    HorizontalLayout horizontalLayout = new HorizontalLayout();
    horizontalLayout.setAlignItems(FlexComponent.Alignment.CENTER);
    Div div = new Div(buttonAddPriceRange);
    horizontalLayout.add(spanneVon, spanneBis, div);

试试

horizontalLayout.setAlignItems（FlexComponent.Alignment.BASELINE）
布局。设置对齐项目（对齐。基线）允许您按基线（即底部）对齐项目


HorizontalLayout hl=新的HorizontalLayout（新文本字段（“hello”），
新按钮（“世界”）；
hl.setAlignItems（校准基线）；
添加（hl）；

查看精彩视频了解更多信息