如何解决使用水平布局的 Vaadin 图标和标签不在一行中
我尝试将图标和标签放在一行中,但图标高一点。
这是我的尝试:
private VerticalLayout createActiveProductsCard() {
VerticalLayout layout = new VerticalLayout();
layout.setWidth("50px");
layout.setHeight("150px");
layout.getStyle().set("margin-bottom","20px");
layout.getStyle().set("border","0.5px solid #9E9E9E");
Icon icon = new Icon(VaadinIcon.BARCODE);
icon.setSize("20px");
Label title = new Label("Produkte");
title.getStyle().set("font-size","20px");
HorizontalLayout horizontalLayout = new HorizontalLayout(icon,title);
horizontalLayout.setVerticalComponentAlignment(Alignment.AUTO);
layout.add(horizontalLayout);
return layout;
}
但它不起作用,有人有解决方案吗?
解决方法
使用 Alignment.CENTER
代替 Alignment.AUTO
,并将 Label
括在 Div
中。举个例子:
Icon icon = new Icon(VaadinIcon.BARCODE);
icon.setSize("20px");
Div title = new Div(new Label("Produkte"));
title.getStyle().set("font-size","20px");
HorizontalLayout horizontalLayout = new HorizontalLayout(icon,title);
horizontalLayout.setAlignItems(Alignment.CENTER);
layout.add(horizontalLayout);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。