将显示字段的垂直中间和hbox中的按钮居中

Question

请帮我垂直居中，并带有标签和值。为什么＆＃34;对齐：＆＃39;中＆＃39;＆＃34;不会使按钮文本出现在与显示字段内容相同的级别？

https://fiddle.sencha.com/#fiddle/1et9

Answer 1

为两个字段应用固定高度，并使用line-height对齐中心

items: [
                    {
                        xtype: 'displayfield',
                        fieldLabel: 'My Label',
                        labelWidth: 200,
                        height: '40',
                        value: 'My Value',
                        labelStyle: 'line-height:24px;',
                        fieldStyle: 'line-height:24px;'
                    },
                    {
                        xtype: 'button',
                        height: 40,
                        text: 'too low'
                    }
                ]

https://fiddle.sencha.com/#fiddle/1eu1

Answer 2

也许自定义CSS样式就足够了：

{
    xtype: 'displayfield',
    fieldLabel: 'My Label',
    labelWidth: 200,
    value: 'My Value',
    style: 'padding-top: 8px;' // - custom style
}