如何在input type ="text"中垂直对齐文本？

Question

有<input type="text" />我需要设置输入文本的垂直对齐方式.例如中间或顶部. http://jsfiddle.net/eSPMr/

Answer 1

使用填充伪造它,因为vertical-align对文本输入不起作用.

jsFiddle例子

CSS

.date-input {     
    width: 145px;
    padding-top: 80px;
}?

Answer 2

<textarea>如果您不想使用 CSS 强制对齐，该元素会自动将文本对齐到文本框的顶部。

Answer 3

另一种方法是使用line-height:http: //jsfiddle.net/DjT37/

.bigbox{
    height:40px;
    line-height:40px;
    padding:0 5px;
}

当您需要特定高度时,这往往更加一致,因为您不需要根据字体大小和所需高度等计算填充.

Answer 4

input[type=text]
{
   height: 15px; 
   line-height: 15px;
}

这是设置垂直 - 中间位置的正确方法.