html - vertical-align:text-top; HTML5 のテーブル セル (td) で機能しない

Question

理由はわかりませんが、私の人生では、前のセルがテキストを折り返しているときに、テキストをテーブルセル (td) の上に揃えることができません。

HTML で書き出すと機能しますが、CSS で同じ効果を得ることができません。

HTML で動作:

<td style="vertical-align:text-top;">Some Text</td>

CSS を使用しません:

table td { vertical-align: text-top; }

そして、CSS 内で考えられるすべての組み合わせを試しました

Answer 1

ブロック要素では垂直方向の配置が機能しないため、TD 要素に「display: block」を設定していないことを確認してください。また、text-top は最適ではなく、クロス ブラウザーの問題がいくつかあります。代わりに「上」を使用してください。これをスタイルシートに追加してみてください：

table td { 
  display: table-cell;
  vertical-align: top; 
}