我试图在textarea(文本框)中垂直对齐占位符文本.我使用textarea而不是文本输入,因为我需要使用多行.
.textBox1 { width: 440px; }
<textarea class="textBox1"name="mytextarea"placeholder="Name"></textarea>
解决方法
这适用于最新的Firefox,IE / Edge,纯CSS中的Chrome：
textarea {
width: 440px;
height:600px; /* Note this is the same height as the placeholders line-height */
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
line-height:600px;
}
::-webkit-input-placeholder { /* Webkit */
line-height:600px;
}
:-ms-input-placeholder { /* IE */
line-height:600px;
}
请参阅此fiddle.关键是将textarea的高度设置为与占位符相同的行高.
可悲的是垂直对齐：中间似乎还没有得到支持.
