如何调整布局中按钮之间的间距，例如 Vaadin Flow 中的水平布局？答案

【问题标题】：How do I adjust the spacing between buttons in a Layout such as the HorizontalLayout in Vaadin Flow?如何调整布局中按钮之间的间距，例如 Vaadin Flow 中的水平布局？
【发布时间】：2021-11-22 22:37:23
【问题描述】：

例如如何减少以下HorizontalLayout中按钮之间的间距：

代码：

HorizontalLayout horizontalLayout = new HorizontalLayout();
horizontalLayout.setWidthFull();
horizontalLayout.setJustifyContentMode(JustifyContentMode.END);
buttons.forEach(button -> {
    horizontalLayout.add(button);
    horizontalLayout.addThemeVariants(ButtonVariant.LUMO_SMALL);
});

** 这适用于 Vaadin Flow (Vaadin 14+)

【问题讨论】：

标签： vaadin vaadin-flow

【解决方案1】：

使用“spacing-s”或“spacing-xs”代替 HL 上默认的“spacing”主题

var hl = new HorizontalLayout();
hl.setSpacing(false);
hl.getThemeList().add("spacing-s");

见JavaDoc

【讨论】：