ExtJS 布局-Center布局（Center layout）

更新记录：

2022年6月12日 检查发布。

2022年6月1日 开始。

1.说明

center布局将子项放置在容器的中心。

2.设置布局方法

在父容器中设置

layout: 'center',
//或者
layout: {
    type: 'center'
}

3.适合场景

将子组件放置在容器中。

4.实例

4.1实例：中心布局

代码：

{
    xtype: 'panel',
    title: 'Center Layout Example',
    layout: 'center',
    renderTo: document.body,
    width: 1000,
    height: 1000,
    items: [
        {
            draggable: true,
            closable: true,
            collapsible: true,
            constrain: true,
            minHeight: 100,
            title: 'Centered Content Panel',
            width: '75%', // 75% of the container width
            html: 'Some content'
        }
    ]
}