代码之家  ›  专栏  ›  技术社区  ›  SDS

vaadin 8网格布局删除行之间的多余空间

  •  1
  • SDS  · 技术社区  · 7 年前

    我使用vaadin 8 gridlayout来显示标签和文本字段,需要自定义单元格之间的间距。我在gridlayout上尝试了setspace函数,但是行之间的间距太大了。我附加了一个网格布局的快照,行之间的垂直间距过大。我也试过修改css文件,但没有成功。

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

    enter image description here

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

    1 回复  |  直到 7 年前
        1
  •  1
  •   df778899    7 年前

    上面描述的方式 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) 是的。