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 に答える