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>

这是一个textarea，预览它旁边的样子。但是，当我希望它从顶部开始时，预览单元格中的所有文本都是垂直居中的。

我该如何解决这个问题？

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属性即可。

Answer 2

使用vertical-align:top（默认情况下，它适用于表而不是其他html元素）读这个： http://www.w3.org/wiki/CSS/Properties/vertical-align

Answer 3

在css中添加以下代码，

table tr td {
vertical-align:top;
}

表格中的文字是垂直居中的

3 个答案: