Java 调整Vaadin窗口小部件之间的间距量 瓦丁间距

布局有一个方法

setspace（true）

，可以将小部件彼此分开。在大多数情况下效果很好。但对于多个表对象，它们仍然有点过于拥挤

➜ 有没有办法增加特定布局中使用的间距

CSS

---

我希望答案是对CSS的调整。在上一页的最后一节“版面边距”讨论了边距的CSS。但是我找不到关于CSS间距的讨论。

是的，您可以增加Vaadin组件/小部件之间的间距。如何这样做取决于特定的布局类型。因此，请参阅每种布局的文档

对于，请将

.v-spacing

选择器与

高度

或

宽度

规则一起使用

垂直布局

（和

表单布局

）

HorizontalLayout

---

在编译的css文件中：

.YourThemeName.v-app .v-vertical > .v-spacing {
    height: 30px;
}

---

☹ 我从瓦丁医生那里得到了答案。但这对我不起作用。如果有人可以添加更多，请添加。这对我很有用。在你的例子中，可能有另一个CSS规则覆盖了它。间隔规则需要主题名和应用程序选择器吗？我在我的Vaadin 7.3应用程序中的其他规则上不需要这个，我在由Vaadin插件1.1.1为NetBeans 8创建的

mytheme.scss

文件中编写规则。我的规则很简单：

。示例gridlayout{border:medium-dottered greenyellow；}

.v-horizontal > .v-spacing {
    width: 50px;
}

.YourThemeName.v-app .v-vertical > .v-spacing {
    height: 30px;
}