テキストエリアを持つHTMLテーブルのテキストアライメントを変更するには

Question

私の単純なHTMLコードでは、ヘッダー行を持つHTMLの2つのカラムテーブルがあります。最初は1行の高さの行です。 2行目は7行の高さです。私のデータは2行目、2月の列は列の中央にあり、テキストの上下にスペースがあります。

テキストを列の上部に配置するにはどうすればよいですか？

私はtext-align: top、verticle-align: top、およびpadding-top: 0pxを試しましたが、動作しません。

table, 
 
th, 
 
td { 
 
    border: 1px solid black; 
 
}

<table style="width:50%"> 
 
    <tr> 
 
    <th style="text-align:center">Month</th> 
 
    <th style="text-align:left">Savings</th> 
 
    </tr> 
 
    <tr> 
 
    <td>January</td> 
 
    <td>$100</td> 
 
    </tr> 
 
    <tr> 
 
    <td style="text-align: top">February</td> 
 
    <td><textarea name="notes" rows="7" maxlength="3000"></textarea></td> 
 
    </tr> 
 
</table>

Answer 1

テキストは列の上に整列されるように、どのように私は、テキストを置くのですか？

あなたはそのようなテーブルデータ揃える垂直にvertical-align:topを追加することができます。

table, 
 
th, 
 
td { 
 
    border: 1px solid black; 
 
    vertical-align: top; 
 
}

<table style="width:50%"> 
 
    <tr> 
 
    <th style="text-align:center">Month</th> 
 
    <th style="text-align:left">Savings</th> 
 
    </tr> 
 
    <tr> 
 
    <td>January</td> 
 
    <td>$100</td> 
 
    </tr> 
 
    <tr> 
 
    <td style="text-align: top">February</td> 
 
    <td><textarea name="notes" rows="7" maxlength="3000"></textarea></td> 
 
    </tr> 
 
</table>

Answer 2

は、テキスト整列するのではなく、それを使用してください：トップ

vertical-align:text-top

を