CSS テーブルの配置

水平方向の配置

text-alignプロパティは、<th>または<td>のコンテンツの水平方向の配置(左、右、中央など)を設定します。

デフォルトでは、<th>要素のコンテンツは中央揃えで、<td>要素のコンテンツは左揃えです。

<td>要素のコンテンツも中央揃えにするには、text-align: centerを使用します。

td{ text-align: center; }

コンテンツを左揃えにするには、 text-align: leftプロパティを使用して、<th>要素の配置を左揃えにします。

th{ text-align: left; }

vertical-alignプロパティは、<th>または<td>のコンテンツの垂直方向の配置(上、下、中央など)を設定します。

デフォルトでは、テーブル内のコンテンツの垂直方向の配置は中央です(<th>要素と<td>要素の両方)。

次の例では、 <td>要素の垂直方向のテキスト配置を下に設定します。

td{ height: 50px; vertical-align: bottom; }