html - 表格中的文本垂直居中

Question

我有这张表:

<table border="1" style="width:100%">
    <tr>
        <td>Message</td>
        <td>Preview:</td>
    </tr>
    <tr>
        <td width="50%">
            <div style="float:left;">
                <textarea name="message" rows="10" cols="50" onkeyup="preview(this.value)">Enter your message here</textarea>
            </div>
        </td>
        <td style="background-color:rgb(255, 170, 0);" id="preview">
            <div>Enter your message here</div>
        </td>
    </tr>
</table>

这是一个文本区域，可以预览它旁边的外观。 但是，当我希望它从顶部开始时，预览单元格中的所有文本都垂直居中。

我该如何解决这个问题？

Answer 1

<td style="background-color:rgb(255, 170, 0); vertical-align: top;" id="preview"><div>Enter your message here</div></td>

只需添加 vertical-align: top 属性即可。