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

CSSの置き場所

2023.01.30

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

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

table要素の中身を上下方向について中央配置するCSSのコード

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

<table>
  <tr>
   <td class="center-align">中央にそろえる</td>
  </tr>
</table>

中央にそろえる

.center-align {
  vertical-align: middle;
}

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