我正在使用GWT HtmlPanel对小部件进行分组。我想使用CSS将HtmlPanel的高度设置为100%。并为其设置背景颜色。
这是我的代码:
CSS: .loginhtmlpan { 宽度:100%; 身高:100%; background-color:#424242; }
请在这方面帮助我。
答案 0 :(得分:1)
尝试使用基于约束的CSS定位,而不是以编程方式指定特定的高度和宽度。这已成为标准GWT小部件的常见做法。像:
这样的风格.myCssStyle { 位置:绝对; 顶部:0; 左:0; 右:0; 底部:0; }
然后,您可以使用addStyleName(“myCssStyle”)将此样式添加到HTMLPanel中 - 这样做的好处是,当浏览器调整大小事件发生时,将免费调整HTMLPanel的大小。作为旁注,大多数GWT“布局”容器使用基于约束的定位(DockLayoutPanel,LayoutPanel,SplitLayoutPanel等)。
答案 1 :(得分:0)
将css样式应用于gwt小部件的最简单方法:
在host.html文件中链接样式表。
在您创建html面板时调用myHtmlPanel.addStyleName("loginhtmlplan")
有关详细信息,请参阅http://google-web-toolkit.googlecode.com/svn/javadoc/2.3/com/google/gwt/user/client/ui/UIObject.html