Extjs4 でラベルを左右の中央に置く

この記事は古いです。下記を見てね♪
URL：http://blog.goo.ne.jp/pianyi/e/7f4c4e32f95baec4f3d2ec00896af065


**************************************************************************
よくわからないが、Ext.form.Label クラスの左右中央揃えをやってみた。
不思議な結果だったからメモ。

ちなみに、 Extjs4.1.1a ？って奴


こんな感じでした。

Ext.create('Ext.form.Label', {
//    text: 'アップロード',
    html: 'アップロード',
    style: 'text-align:center;display:block;'
})

ここね。
style: 'text-align:center;display:block;'

なぜか、「display:block;」を消すと中央に移動しません。
なぜでしょう…
不思議です。



親パネルはこんな感じ…(この上にボーダーがあります)

Ext.create('Ext.container.Container', {

    region: 'north',

    border: false,

    layout: {

        type: 'fit'

    },

    items: [Ext.create('Ext.form.FieldSet', {

        title: "追加",

        padding: '0 5 5 5',

        margin: '0 5 5 5',

        items:[

            me.getUploadFileField(),

            Ext.create('Ext.form.Label', {

//                text: 'アップロード',

                html: 'アップロード',

                style: 'text-align:center;display:block;'

            })

        ]

    })]

});