Elemente vertikal in einer Mitte ausrichten - Sencha Panel

Question

Ich versuche, Mitte des Bildschirms eines Artikels einfach eine label auszurichten, aber es ist horizontal nicht vertikal ausgerichtet.

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

Ich habe flex, entfernt und setzen height als gut, aber es funktioniert nicht. Bitte gib mir einen Hinweis?

Answer 1

Try pack: center im Layout verwendet wird, wie folgt aus:

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

Answer 2

Für HBox Layout bevorzugt zu verwenden 'align: middle' config nehme ich an. Versuchen Sie dies:

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