css - 设置面板组件 div id

Question

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

我有一个 DockLayoutPanel。

DockLayoutPanel dockpanel = new DockLayoutPanel(Unit.EM);

我在“北”中添加了一张图片:

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

我还添加了一个额外的面板集合:

dockpanel.add(otherSplitLayoutPanel, 5);

我需要将 CSS 应用于 DockLayoutPanel 创建的各个框架。具体来说，我需要将 CSS 应用于包含图像的“北”框架。基本上，我想设置图像的尺寸，使其与其容器的大小相关。我很难弄清楚如何为这个框架分配一个 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);