ブロック レイアウトの align-content プロパティが Baseline の一部になりました

ブロック レイアウトとテーブル レイアウトで、CSS Box Alignment の align-content プロパティを使用できるようになりました。これにより、フレキシブル レイアウトやグリッド レイアウトを作成しなくても、ブロックの方向を揃えることができます。

対応ブラウザ

  • 123
  • 123
  • 125
  • 17.4

アイテムを垂直方向に中央揃えする、以前は不可能だったタスクが、フレックスボックスとグリッドと align-content プロパティを使用することで簡単になりました。しかし、この位置揃えを行う以外の目的では、フレックスまたはグリッドのレイアウトを作成する必要がありました。このプロパティはブロック レイアウトに対して指定されており、ここ数か月で 3 つの主要エンジンすべてにこの機能がリリースされています。

ブロック レイアウトで align-content を使用すると、プロパティを機能させるためにフレックス レイアウトまたはグリッド レイアウトを作成しなくても、垂直方向の配置を実現できます。アイテムはブロック アイテムのままなので、追加のプロパティは必要ありません。変更されるのは配置のみです。

align-content プロパティは、ブロック コンテナ内で見出しを垂直方向に中央揃えします。