CSSテーブルの配置
水平方向の配置
このtext-align
プロパティは、コンテンツの水平方向の配置(左、右、中央など)を<th>または<td>に設定します。
デフォルトでは、<th>要素のコンテンツは中央揃えで、<td>要素のコンテンツは左揃えです。
<td>要素のコンテンツも中央揃えにするには、次を使用しますtext-align: center
。
例
td
{
text-align: center;
}
コンテンツを左揃えにするには、次のプロパティを使用して、<th>要素の配置を強制的に左揃えにしtext-align: left
ます。
例
th
{
text-align: left;
}
垂直方向の配置
このvertical-align
プロパティは、コンテンツの垂直方向の配置(上、下、中央など)を<th>または<td>に設定します。
デフォルトでは、テーブル内のコンテンツの垂直方向の配置は中央にあります(<th>要素と<td>要素の両方)。
次の例では、<td>要素の垂直方向のテキスト配置を下に設定します。
例
td
{
height: 50px;
vertical-align: bottom;
}