Grid-Achse

Das CSS-Grid-Layout ist eine zweidimensionale Layoutmethode, die es ermöglicht, Inhalte in Zeilen und Spalten anzuordnen. Daher gibt es in jedem Grid zwei Achsen. Die Block- oder Spaltenachse und die Inline- oder Zeilenachse.

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

Die Inline-Achse (auch Zeilenachse oder Hauptachse genannt) ist die Richtung, in der sich normaler Text bewegt. Die Block-Achse (auch Spaltenachse oder Kreuzachse genannt) ist die Achse, die beim Anordnen von Textblöcken verwendet wird. Die physische Richtung dieser Achsen kann sich nach dem Schreibmodus des Dokuments ändern.

Zum Beispiel: Wenn Sie von links nach rechts und von oben nach unten schreiben (wie im typischen 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.