ExtJS 4.2.0：文本域的垂直對齊

我無法獲得我在ExtJS中創建的文本域，以垂直對齊底部。ExtJS 4.2.0：文本域的垂直對齊

問題是，無論我嘗試什麼 - 它保持垂直對齊到文本框內部（文本框本身被拉伸）。這是一個有點難以解釋，所以我創建了一個的jsfiddle來證明我的問題：

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/

來源

2013-05-22 rnngau

不確定是否可以，因爲「typable」區域只是中心部分，所以任何類型的對齊都沒有幫助。你會看到，如果你使用':: - webkit-input-placeholder {}'來設置它的樣式，並設置了'padding-top'，它已經開始變得不可見了。 –

我之前嘗試用'flex：1'添加另一個字段，然後'onFocus'將焦點設置爲底部的字段。但根據我的經驗，這是一個糟糕的解決方法，因爲它總是會在未來造成問題。這是解決這個問題的唯一方法，還是我沒有看到另一種方式？ – rnngau

我解決了這個問題通過使用網格而不是形式。

來源

2013-06-14 10:23:33 rnngau

不知道你想要什麼，但對於複雜的對準我使用

哪個marginProperty你想和使用數值style:{marginLeft:'__px',marginRight:'__px',marginTop:'__px',marginBottom:'__px'} //使用「__」

來源

2013-06-10 08:12:47

ExtJS 4.2.0：文本域的垂直對齊

回答

相關問題