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

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

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

table要素の中身を下に配置するCSSのコード

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

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

下にそろえる

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

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