我如何在HTML中的TEXTAREA中进行垂直居中对齐？

Question

我想在TEXT-AREA中对文本进行垂直居中对齐。请建议我如何做到这一点？

Answer 1

有两种方法可以做到这一点

1. 直接定位textarea

   <textarea style="height: 300px; width: 400px;; top:50%; margin-top: -150px; position: absolute;"> </textarea>

2. 在元素样式中使用表属性

   <div style=" display: table-cell; vertical-align: middle; height: 300px; width: 400px;">
       <textarea style="height: 200px; width: 500px; display: table-cell;"></textarea>
   </div>
   

Answer 2

Click this example of Vertical Middle

这可能就是你要找的东西。直接的HTML。点击上面的图片。

<table width="40%" height="200">
    <td height="150" valign="middle">
    <font size="3" face="Arial, Helvetica, sans-serif">
        Yay,  I am in the Vertical Middle!!!!!
    </font>
    </td>
</table>