css - ExtJS 4.2.0 : Vertical alignment for textfield

Question

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

问题是，无论我尝试什么 - 它都保持垂直对齐以在文本字段内居中(文本字段本身被拉伸(stretch))。这有点难以解释，所以我创建了一个 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 并在“__”