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的值可以设置自己想要的