Vaadin 8 网格布局删除行之间多余的 space

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");

如果有人能帮我解决这个问题，我将不胜感激。

Answer 1

Vaadin forum上描述的方式如：

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

我发现这可以增加间距，但不能将间距缩小很多。

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

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

- 显然 gridLayout.setSpacing(false) .

Vaadin 8 网格布局删除行之间多余的 space

Vaadin 8 Grid Layout remove excess space between row

java

css

gwt

vaadin

vaadin8