Extjs4 vbox居中

要使用VBox布局方式，首先的熟悉下一下几个主要属性：

一、align：字符类型，指示组件在容器内的对齐方式。有如下几种属性。

    1、left（默认）：排列于容器左侧。

    2、center ：控件在容器水平居中。

    3、stretch：控件横向拉伸至容器大小

    4、stretchmax:控件横向拉伸，宽度为最宽控件的宽。

二、flex:数字类型，指示组件在容器中水平呈现方式，通俗的讲，就是指示组件在容器中的相对宽度。

三、pack : 字符类型，指示组件在容器的位置，有如下几种属性。

    1、start（默认）：组件在容器上边

    2、center：组件在容器中间

    3、end：组件在容器的下边

{  
    title: "信息发布",  
    textAlign: 'center',  
    style: "text-align:center;",  
    layout: {  
        type: 'vbox',  
        align: 'center',  
        pack: 'start'  
    },  
    defaults: {  
        margin: '10 0 0 0'  
    },  
    items: [{  
        xtype: 'panel',  
        layout: {  
            type: 'vbox',  
            align: 'center',  
            pack: 'start'  
        },  
        bodyStyle: 'background-color:transparent;',  
        border: false,  
        items: [{  
            xtype: "button",  
            width: 50,  
            height: 45,  
            iconCls: 'adPublishIcon',  
            ref: 'adPublish'  
        }, {  
            xtype: 'label',  
            text: '广告发布',  
            style: 'color:black;'  
        }]  
    }]  
}