gwt - Gwt DockLayoutPanel 样式

Question

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

Answer 1

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

CSS：

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

爪哇：

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。