ExtJS - 分别对文本字段及其标签进行垂直对齐

Question

所以我的HBox有5个文本字段。他们都有标签

xtype: 'container',
    layout: {
        type: 'hbox',
        align: 'top',
        pack: 'center'
    },

items: [{
        xtype: 'textfield',
        fieldLabel: 'few words label'
        flex: 10,
        bind: '{boundObject}'
    }, {
        xtype: 'textfield',
        fieldLabel: 'label'
        flex: 12,
        bind: '{boundObject}'
    }, {
        xtype: 'textfield',
        fieldLabel: 'label'
        flex: 5,
        bind: '{boundObject}'
        },
    }, {
        xtype: 'textfield',
        fieldLabel: 'few words label'
        flex: 7,
        bind: '{boundObject}'
    }, {
        xtype: 'textfield',
        fieldLabel: 'label'
        flex: 12,
        bind: '{boundObject}'
    }]

当屏幕为全宽时，此布局没有问题。但是当我使屏幕变小并且标签变得超过1行（那些带有文本＆＃39;几个单词标签＆＃39;）时，文本字段不再相互垂直对齐，因为标签更高并且推动一些文本字段进一步向有没有办法用相同的布局处理这个问题，或者我必须将标签与文本字段分开？