如何将ext中的FormPanel中,所有组件都居中放置?

var emailForm=new Ext.form.FormPanel({
// renderTo:"hello",
  allowDomMove :true,
title:"Email通知配置",
  style:'bgcolor:#000000',
// layout:'form',
// height:650,
// width:350,
labelWidth:100,
labelAlign:"center",
  align:"center",
frame:true,
  draggable:true,
// defaults:{xtype:"textfield",},
// defaultType:'field',
  defaults:{align:"center"},
tbar:[{disable:true},{disable:true},{disable:true},{disable:true},{text:"配置Email和地址，以及是否通知"}],
items:[

  {},
{name:"emailServer",fieldLabel:"Email服务器",xtype:"textfield",width:180},
  {},
{name:"emailAddress",fieldLabel:"Email地址",xtype:"textfield",width:180},
  {},
  {name:"isNotation",fieldLabel:"是否Email通知（Y/N）",xtype:"textfield",width:180},
  {}
  ],
// bbar:[{disable:true},{disable:true},{disable:true},{disable:true},{text:"配置Email和地址，以及是否通知"}],
buttons:[{text:"保 存"},{text:"取 消"}]

});
现在想做的是,将items里所有组件都居中放置,请问如何设置,谢谢,一个ext新手

align:"center", 应该是这样就可以了吧。

align='center' 好像不行，。
我用过style : 'text-align:center',
没有问题

你这是文字居中,有个屁用.

style: 'margin:0 auto',

JScript code

            bodyStyle:"text-align:center",

这样 样式 会变乱

CSS code

formPanel默认是form布局，要想居中还是得靠css、sytle
如果用panel+center布局就可以了