中间垂直在<textarea>内对齐文本

问题描述

|| 这是一个多行搜索框，所以我希望所有内容都在中间对齐。可能吗？     

解决方法

您可以使用垂直填充来伪造它。

textarea {
    padding: 30px 0;
}

通常，您可以使用

line-height

属性，但不能使用多于一行的文本。     ,有HTML5的“ 2”属性。 http://www.w3schools.com/tags/att_global_contenteditable.asp 也许使用

div

标记而不是

textarea

可以解决您的问题。     ,早在我问这个问题的时候，我尝试使用textarea实现这一点，如果没有脚本，这实际上是不可能的。答案是在样式为“ vertical-align：middle \”的表单元格上添加HTML5 \的contenteditable =“ true”。如果一个人的项目允许使用现代HTML，那么这是一个相当简单而有效的解决方案。 如果您不想在标记中添加

<table>

，

<tr>

和

<td>

，而是想要像

<div>

这样的常规内容，则仍然需要其中两个：

<div style=\"display: table\">
  <div 
    style=\"display: table-cell; vertical-align: middle\"
    contenteditable=\"true\">
    I am vertically aligned
  </div>
</div>

    ,您可能可以创建一个脚本，该脚本确定元素的高度，行高和文本行，并计算出填充顶部，甚至\\ n来添加文本。 我认为仅CSS不可能做到这一点。