【问题标题】: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
【问题描述】:

例如如何减少以下Horizo​​ntalLayout中按钮之间的间距:

代码:

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

    【讨论】: