アイテムを中央に垂直に揃える-煎茶パネル

Question

アイテムの画面の中央を単にlabelに揃えようとしていますが、垂直方向ではなく水平方向に揃えています。

var panel = new Ext.Panel({
    layout:{
        type: 'vbox',
        align: 'center'
    },
    items:[
        {
            xtype: 'label',
            html: 'My Label'
        }
    ],
    fullscreen: true,
    flex: 1
});

flexを削除し、heightも設定しましたが、機能しません。手がかりを教えてください。

Answer 1

次のように、レイアウトでpack: centerを使用してみてください。

var panel = new Ext.Panel({
    layout: {
        type: 'hbox',
        align: 'center',
        pack: 'center'
    }, 
    items:[
        {
            xtype: 'label',
            html: 'My Label'
        }
    ]
});

Answer 2

HBoxレイアウトの場合、「align：middle」構成を使用することをお勧めします。これを試して：

var panel = new Ext.Panel({
    layout: {
        type: 'hbox',
        align: 'middle'
    }, 
    items:[{
        xtype:'label',
        html:'My Label'
    }]
});