如何解决如何在 HorizontalLayout 中调整 Vaadin 组件的垂直对齐方式?
我想将按钮与文本字段对齐在同一行。项目对齐方式已设置为 Alignment.CENTER
,但从图片中可以看出,TextField 的垂直中心由于其顶部的标签而较低。
HorizontalLayout horizontalLayout = new HorizontalLayout();
horizontalLayout.setAlignItems(FlexComponent.Alignment.CENTER);
Div div = new Div(buttonAddPriceRange);
horizontalLayout.add(spanneVon,spanneBis,div);
解决方法
layout.setAlignItems(Alignment.BASELINE);
允许您按基线对齐项目,即与底部对齐。
HorizontalLayout hl = new HorizontalLayout(new TextField("hello"),new Button("world"));
hl.setAlignItems(Alignment.BASELINE);
add(hl);
观看精彩视频 Master Vaadin VerticalLayout and HorizontalLayout - layouts in Vaadin Flow 以了解更多信息。
,试试...
horizontalLayout.setAlignItems(FlexComponent.Alignment.BASELINE);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。