EXT 布局 不整齐，如何让其有序排列

是一个弹出窗口，但里面的元素依次排列，排列的有些乱，不整齐，怎么让它对齐排列？
源代码如下：
var heig=140+(storeArea30.getCount()/5)*15;
outWin = new Ext.Window({
title : '请选择区域',
width : 500,
height : heig,
layout : 'fit',
bodyStyle : 'padding:5px;',
draggable : true,// 是否启动拖动效果
closable : true,// 关闭按钮
closeAction : 'hide',
plain : true,
modal : false,// 父页面不可编辑
resizable : true,// false不可拖动边框的大小
items : [outForm]
});
outWin.show();

[code="js"]
var heig = 140 + (storeArea30.getCount() / 5) * 15;
outWin = new Ext.Window({
title: '请选择区域',
width: 500,
height: heig,
layout: 'fit',
bodyStyle: 'padding:5px;',
draggable: true,
// 是否启动拖动效果
closable: true,
// 关闭按钮
closeAction: 'hide',
plain: true,
modal: false,
// 父页面不可编辑
resizable: true,
// false不可拖动边框的大小
items: [outForm]
});
outWin.show();
[/code]

关键部分outForm的代码你没有提供,至窗体表单中的组件如何排列才整齐,你完全可以参考官方的示例

[url]http://www.extjs.com/deploy/dev/examples/form/dynamic.html[/url]

[url]http://www.extjs.com/deploy/dev/examples/form/check-radio.html[/url]

这个应该是你的form中布局的问题吧?

http://virgos.iteye.com/blog/288924

http://www.extjs.com/deploy/dev/examples/layout-browser/layout-browser.html
好好研究下这里面的例子吧