GWT HTMLPanel高度问题

时间:2011-05-05 17:43:20

标签: css gwt

我正在使用GWT HtmlPanel对小部件进行分组。我想使用CSS将HtmlPanel的高度设置为100%。并为其设置背景颜色。

这是我的代码:

CSS: .loginhtmlpan {     宽度:100%;     身高:100%;     background-color:#424242; }

请在这方面帮助我。

2 个答案:

答案 0 :(得分:1)

尝试使用基于约束的CSS定位,而不是以编程方式指定特定的高度和宽度。这已成为标准GWT小部件的常见做法。像:

这样的风格

.myCssStyle {     位置:绝对;     顶部:0;     左:0;     右:0;     底部:0; }

然后,您可以使用addStyleName(“myCssStyle”)将此样式添加到HTMLPanel中 - 这样做的好处是,当浏览器调整大小事件发生时,将免费调整HTMLPanel的大小。作为旁注,大多数GWT“布局”容器使用基于约束的定位(DockLayoutPanel,LayoutPanel,SplitLayoutPanel等)。

答案 1 :(得分:0)

将css样式应用于gwt小部件的最简单方法:

  1. 在host.html文件中链接样式表。

  2. 在您创建html面板时调用myHtmlPanel.addStyleName("loginhtmlplan")

  3. 有关详细信息,请参阅http://google-web-toolkit.googlecode.com/svn/javadoc/2.3/com/google/gwt/user/client/ui/UIObject.html