关闭

Extjs4 vbox居中

474人阅读 评论(0) 收藏 举报
分类:

要使用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;'  
        }]  
    }]  
} 


0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1180次
    • 积分:49
    • 等级:
    • 排名:千里之外
    • 原创:4篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档