怎么让文本框中的文字垂直方向居中？

Question

不行啊，vertical-align = ？？？
我用style="padding-top:16px;"实现了，不过觉得不爽

Answer 1

这个问题有时候我也会遇到设置vertical-align好象会无效,奇怪

Answer 2

使用css设置文本框的高度和字体行高，二者相等的时候就水平居中了这个时候在文本框内部用鼠标上下拖动的话有可能出现文字上下滑动的现象，在对文本框的高度和字体行高做一下调整，最终就能达到满意效果例如：HEIGHT: 22px;line-height:18px;

Answer 3

<textarea style="height:50px; line-height:50px;">test</textarea>

Answer 4

vertical-align无效,首先看W3C官方对vertical-align做了下面的解释：
This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element.实际上，一个Box中由很多行很多元素组成，vertical-align只作用于在同一行内的元素，它的垂直并不是相对于整个Box而言的。前面那个 span定义了一个60px的高度，但是这个span的Box中存在很多行，那段文本并不能对齐到span的中央。因此希望那段文本对齐span的中行， 需要给它定义一个line-height的属性，让line-height为60px，作用于一行的vertical-align就按你的想法工作了。