Grid Axis

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

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

In CSS ist die Block- oder Spaltenachse die Achse, die beim Anordnen von Textblöcken verwendet wird. Wenn Sie zwei Absätze haben und in einer von rechts nach links, oben nach unten Sprache arbeiten, liegen sie einer unter dem anderen auf der Blockachse.

Diagramm, das die Blockachse im CSS-Grid-Layout zeigt.

Die Inline- oder Zeilenachse verläuft quer zur Blockachse und ist die Richtung, entlang derer regulärer Text fließt. Dies sind unsere Zeilen im CSS-Grid-Layout.

Diagramm, das die Inline-Achse im CSS-Grid-Layout zeigt.

Die physische Richtung dieser Achsen kann sich je nach dem writing mode des Dokuments ändern.

Siehe auch