Gwt DockLayoutPanel 样式

Question

有没有办法消除 DockLayoutPanels 中面板之间的间隙/填充。我在网上找不到任何关于如何做到这一点的信息。如果使用 CSS 是要走的路，我必须配置什么属性。我尝试在 css 中将填充设置为 0px，但这不起作用。提前致谢。

Answer 1

如果您想删除DockLayoutPanel 的额外填充和边距，那么您可以尝试下面提到的任何一种

CSS：

.dockpanel{
    margin: 0;
    padding: 0;
}

JAVA：

DockLayoutPanel dockLayoutPanel = new DockLayoutPanel(Unit.PX);
dockLayoutPanel.setWidth("200px");
//dockLayoutPanel.setStyleName("dockpanel");
//dockLayoutPanel.getElement().getStyle().setPaddingBottom(0, Unit.PX);
dockLayoutPanel.getElement().getStyle().setPadding(0, Unit.PX);
dockLayoutPanel.getElement().getStyle().setMargin(0, Unit.PX);

---

默认情况下，其组件之间没有额外的填充和边距。 DockLayoutPanel 适合组件根据它们的位置。它会忽略组件的首选大小。

例如

• 组件设置为北或南的宽度被忽略
• 对于设置在西部或东部的组件，高度将被忽略。
• 剩余的可用空间被中心组件覆盖。

如果仍然存在任何间隙，则对放置在 DockLayoutPanel 内的其他组件执行相同操作。