2010-08-26 64 views
4

這可能是最好的視覺解釋。是否有一個CSS或HTML屬性來集中輸入標籤的內容?

如下圖所示,我有兩個供用戶輸入日期的<input>元素。

alt text

是否有一個CSS或HTML屬性,讓我到中心的內容(我的情況下,該日期)水平在顯示的輸入區域,而不是左心呢?

注意:我不是試圖對齊控件本身,只是它們內部的內容。

回答

4
<input type="text" style="text-align:center;" /> 
+2

+1 - 我不相信OP說有什麼不對,他只是不知道這個規則,所以這可能會更好一些:) – 2010-08-26 22:28:05

+0

對我而言,錯誤的措辭,我假設日曆打破了CSS。 – Novikov 2010-08-26 22:33:45

+0

唯一的問題是,它是在一天晚了,我的大腦一定會鎖定在我身上。不能相信我不記得那個屬性,我已經使用了它幾十次!這是如何開始阿爾茨海默氏症? – JohnFx 2010-08-26 23:06:13

0

使用text-align: center

CSS

input.date { 
    text-align: center; 
} 

HTML

<input class="date" type="text" value="123" /> 

jsfiddle

相關問題