css - ExtJS 4.2.0：文本字段的垂直对齐

Question

我无法让我在 ExtJS 中创建的文本字段与底部垂直对齐。

问题是，无论我尝试什么 - 它都保持垂直对齐到文本字段内的中心（文本字段本身被拉伸）。这有点难以解释，所以我创建了一个 JSFiddle 来演示我的问题：

http://jsfiddle.net/w3gfy/

CSS 代码：

.exx-valign-bottom { vertical-align: bottom; }

ExtJS 代码：

items: [
    {
        xtype: 'textfield',
        flex: 1,
        itemId: 'teQuantityField',
        fieldCls: 'x-form-field exx-valign-bottom',
        fieldStyle: 'vertical-align:bottom;',
        readOnlyCls: 'x-form-readonly exx-valign-bottom',
        cls: 'exx-valign-bottom',
        labelAlign: 'top',
        labelSeparator: ' ',
        emptyCls: 'x-form-empty-field exx-valign-bottom',
        emptyText: 'Align me'
     }
]

正如你所看到的，我已经尝试将它放在任何地方，但没有任何运气。有谁知道如何正确地做到这一点？

编辑：

我尝试添加这个容器（参见 JSFiddle）。这是正确的方法吗？还是有其他方法？

http://jsfiddle.net/w3gfy/2/

Answer 1

不知道你想要什么，但我使用复杂的对齐方式

style:{marginLeft:'__px',marginRight:'__px',marginTop:'__px',marginBottom:'__px'}//使用你想要的哪个marginProperty，并在“__”中使用数值

Answer 2

我通过使用网格而不是表单解决了这个问题。