Gwt DockLayoutPanel样式

Question

有没有办法在DockLayoutPanels中删除面板之间的间隙/填充。我在网上找不到任何关于如何做到这一点的东西。如果使用CSS是可行的，那么我必须配置什么属性。我尝试在css中将padding设置为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中的其他组件执行相同的操作。