table要素の中身を上揃えにする CSSコードの置き場所 vertical-alignなどの使い方

ここではのコードを紹介します。

詳しい説明はございません。コピペして使用してください。

table要素の中身を上揃えにするCSSのコード

下記サンプルのtableはheight: 200px;と指定しています。

<table>
  <tr>
   <td class="top-align">上にそろえる</td>
  </tr>
</table>

上にそろえる

.top-align {
  vertical-align: top;
}

説明　table要素の中身を上揃えにするには、vertical-alignプロパティを使用します。特定のtd要素だけ上揃えにしたい場合は、classを使って指定します。