0

DecoratorPanel我在 GWT中正确对齐我的内容时遇到问题。

使用以下代码片段，所有内容似乎都垂直对齐到中间 (?)

DecoratorPanel decor = new DecoratorPanel();
decor.setHeight("100%");
decor.add(new Label("Test"));

图解说明：

             --------                 --------
I get this:  |      |    I want this: |test  |
             |      |                 |      |
             |test  |                 |      |
             |      |                 |      |
             |      |                 |      |
             --------                 --------

我试过decor.getElement().getStyle().setVerticalAlign(VerticalAlign.TOP);了，但它似乎不影响任何东西。

如何将内容与面板顶部对齐？

更新：

我注意到，如果我使用 aLayoutPanel而不是 aDecorPanel一切似乎都正确对齐。

问题可能是我正在使用常规PanelswithLayoutPanels吗？如果是这样，为什么我有问题？

4

3 回答 3

0

ADecoratorPanel使用 HTML table，而另一个使用div. 因此，DecoratorPanel您可以在元素而不是内容上设置垂直样式table，这解释了您看到的内容以及不使用此面板的原因。因此，您应该使用div基于面板或在标签或标签上设置对齐方式td（即label.getElement().getParent()，但这有点难看并且容易出现未来的错误）。

于 2013-03-28T21:55:07.690 回答
0

获取td元素。

... . getElement().setStyleName("myStyle");

然后在你的CSS

.myStyle td{
vAlign : centre;
}
于 2013-03-29T04:47:45.783 回答
0

DecoratorPanel 是 9 框面板，用于放置图像，特别是小部件的圆角效果它最有用，当你设置 100% 时，小部件周围有一个单元格，它可能会应用你所有单元格的宽度和高度看到中心的标签。

于 2013-03-29T05:21:31.577 回答