Rasterachse

Das CSS-Grid-Layout ist eine zweidimensionale Layout-Methode, die das Anordnen von Inhalten in Zeilen und Spalten ermöglicht. Daher haben wir in jedem Raster zwei Achsen. Die Block- oder Spaltenachse und die Inline- oder Zeilenachse.

Entlang dieser Achsen können Elemente mithilfe der in der Box-Alignment-Spezifikation definierten Eigenschaften ausgerichtet und gerechtfertigt werden.

Die Inline-Achse (auch Zeilenachse oder Hauptachse genannt) ist die Richtung, in der normaler Text fließt. Die Block-Achse (auch Spaltenachse oder Querachse genannt) ist die Achse, die beim Anordnen von Textblöcken verwendet wird. Die physische Ausrichtung dieser Achsen kann je nach Schreibmodus des Dokuments variieren.

Wenn Sie beispielsweise von links nach rechts, von oben nach unten schreiben (wie bei typischem englischen Prosa), werden die einzelnen Zeichen entlang der Inline-Achse platziert, die von links nach rechts verläuft.

Und wenn der Text mehrere Zeilen enthält, werden diese Zeilen entlang der Block-Achse platziert, die von oben nach unten verläuft.