extjs - 在網頁上居中放置一個formPanel

Question

使用extjs，我有一個固定寬度的formPanel。我想在正常的wep頁面中居中顯示這個表單，所以即使我最小化了瀏覽器，表單仍然出現在中心。我沒有使用外部容器，只是一個簡單的HTML/CSS頁面的表單面板。所以下面將不會在我的情況下工作：

layout: { 
     type: 'vbox', 
     align: 'center', 
     pack: 'center' 
    }, 
    items: [{ 
     title: 'Centered Panel', 
     width: 200, 
     height: 200 
    }] 

Answer 1

使用其他兩個容器（左和右）與flex = 1，改變佈局hbox：

layout: { 
    type: 'hbox' 
}, 
items: [{ 
    xtype: 'container', 
    flex: 1 
},{ 
    title: 'Centered Panel', 
    width: 200, 
    height: 200 
}, { 
    xtype: 'container', 
    flex: 1 
}]