1

我有这张桌子：

<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>

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

我怎样才能解决这个问题？

4

3 回答 3

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

只需添加vertical-align: top属性，然后它应该可以工作。

于 2012-06-17T15:48:57.967 回答
0

在css中添加以下代码，

table tr td {
vertical-align:top;
}
于 2012-06-17T16:04:49.877 回答
0

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

于 2012-06-17T15:50:21.070 回答