设置面板组件 div id

Question

我在 GWT 中使用 DockLayoutPanel。我在这个面板中添加了一些东西。

我有一个 DockLayoutPanel。

DockLayoutPanel dockpanel = new DockLayoutPanel(Unit.EM);

我在“North”中添加了一张图片：

Image logo = new Image("imageurl.com");
dockpanel.addNorth(logo, 5);

我还添加了一组额外的面板：

dockpanel.add(otherSplitLayoutPanel, 5);

我需要将 CSS 应用于 DockLayoutPanel 创建的各个框架。具体来说，我需要将 CSS 应用于包含图像的“North”框架。基本上，我想设置图像的尺寸，使它们相对于其容器的大小。我很难弄清楚如何为这个框架分配一个 div ID，以便我可以用 CSS 来定位它。

我不想只将 CSS 应用到整个面板，因此不能为 DockLayoutPanel 分配和使用 ID。

Answer 1

您不需要分配 id 来设置 CSS。您可以改用 CSS 类或其他选择器。

您可以在图像上设置 CSS 类：

logo.addStyleName("logo");

在您的 CSS 中：

.logo {width: 50%; height: 50%;}

或者你可以直接在你的代码中设置：

logo.getElement().getStyle().setWidth(50, Unit.PCT);
logo.getElement().getStyle().setHeight(50, Unit.PCT);