Öğeleri bir merkezde dikey olarak hizalayın - Sencha Panel

Question

Bir öğenin ekranının ortasına sadece label'u hizalamaya çalışıyorum ancak yatay olarak dikey olarak hizalamıyor.

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

Ben flex kaldırıldı ve aynı zamanda height, ancak ilk başta çalışmıyor olması. Lütfen bana bir ipucu ver? Bu gibi düzeninde pack: center kullanılarak

Answer 1

Dene: kullanılması tercih HBox düzeni için

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

Answer 2

'align: orta' herhalde yapılandırma. Bunu deneyin:

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