Die Eigenschaft „align-content“ für Blocklayouts ist jetzt Teil von Baseline

Veröffentlicht: 17. April 2024

Sie können jetzt die Eigenschaft align-content aus CSS Box Alignment für Block- und Tabellenlayouts verwenden. So können Sie die Ausrichtung der Blockrichtung anpassen, ohne ein Flex- oder Rasterlayout erstellen zu müssen.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: 125.
  • Safari: 17.4.

Die einst unmöglich erscheinende Aufgabe, ein Element vertikal zu zentrieren, wurde durch Flexbox und Grid sowie die align-content-Eigenschaft erleichtert. Dazu musste jedoch ein Flex- oder Rasterlayout erstellt werden. Die Property wurde für das Blocklayout angegeben und in den letzten Monaten haben alle drei großen Engines die Funktion eingeführt.

Mit align-content für das Blocklayout können Sie eine vertikale Ausrichtung erreichen, ohne ein Flex- oder Grid-Layout für die Eigenschaft erstellen zu müssen. Es sind keine zusätzlichen Eigenschaften erforderlich, da das Element ein Blockelement bleibt. Die einzige Änderung betrifft die Ausrichtung.

Mit der align-content-Property wird die Überschrift vertikal im Blockcontainer zentriert.