センターで縦にアイテムを整列する - Senchaパネル

Question

アイテムの画面の中央を単にlabelに合わせようとしていますが、それは垂直ではなく水平に整列しています。

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

私はflexを除去し、同様heightを設定するが、それは動作しませんしています。いくつかの手がかりを教えてください？私が思う設定：「真ん中の整列」を使用することが好ましいのHBoxレイアウトの

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

Answer 1

はこのように、レイアウトのpack: centerを使用してみてください。 試用版：

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

Answer 2

：