java - Vaadin 8 Grid Layout 删除行之间的多余空间

Question

我正在使用 Vaadin 8 GridLayout 来显示标签和文本字段，并且需要自定义单元格之间的间距。我在 GridLayout 上尝试了 setSpacing 函数，但是行间距太大了。我附上了网格布局的快照，行之间的垂直间距过大。我也尝试更改css文件，但效果很好。

gridLayout.setSpacing(true);

.mygrid .v-gridlayout-spacing-on 
{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
gridLayout.addStyleName("mygrid");

感谢是否有人可以帮助我解决这个问题。

标签： javacssgwtvaadinvaadin8

Answer 1

Vaadin论坛上描述的方式是这样的：

.mygrid .v-gridlayout-spacing-on {
    width: 10px; 
    height: 10px; 
}

我发现这可以增加间距，但不能大大减少间隙。

这也有效，但似乎可以更好地控制窄间距：

.mygrid .v-gridlayout-spacing-off {
    padding-left: 10px;
    padding-top: 2px; 
}

- 显然与gridLayout.setSpacing(false)。