rss· 投稿· 设为首页· 加入收藏· 繁體版
当前位置: 火魔网 » 程序开发 » html/css

css 在gwt-ext中页面布局

 gwt-ext中页面布局,我们要实现某种布局,除了对控件使用setLayOut方法外,还可以使用css样式来实现。
比如:把一个FormPanel面板添加在一个Panel面板里面。让它居中,用Css布局来实现。
在项目的css文件里面添加一个样式:
.centerPanel {
 background-color: white;
 color: black;
 font-family: Arial, sans-serif;
 font-size: small;
 margin: 0px; 
 text-align:left
}

然后在页面的代码中:
FormPanel form = new FormPanel(Position.CENTER);
form.setTitle("center");
form.setStyleName("centerPanel");

这样。在FormPanel里面的TextField等,它们的Label就是居左的,FormPanel的Title也是居左的。
但是我们想要实现TextField的Label居中怎么弄?

只需要把css样式表里的text-align:left 改为text-align:center即可

另:为面板设置背景:

使用:
northPanel.setBodyStyle("background-color:#FFFF88");

RGB的值可以设置自己想要的

顶一下
(0)
踩一下
(0)