Aus dem Kurs: CSS Grid Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.100 Kurse von Branchenfachleuten.

Tipp: Reihenfolge mit order steuern

Tipp: Reihenfolge mit order steuern

Aus dem Kurs: CSS Grid Grundkurs

Gratismonat starten Für Ihr Team erwerben

Tipp: Reihenfolge mit order steuern

“

Dank grid-column und grid-row lässt sich die Position von Elementen genau festlegen. Wenn Sie aber mit der prinzipiellen Reihenfolge, der automatischen, einverstanden sind und Sie wollen nur ein einzelnes Element ganz vorne oder ganz hinten platzieren, dann ist die Eigenschaft order praktischer. Folgender Fall: Ich habe ein Raster mit diesen Elementen, die so angeordnet werden wie im Quellcode und ich möchte jetzt das Element F ganz an den Anfang holen. Dann definiere ich, das Element F hat die Klasse f und für das gebe ich an: order: -1. Wenn wir uns das ansehen, dann ganz klar, F ist an den Anfang gerückt. Ich möchte A ganz an das Ende rücken und dafür kann ich verwenden order: 1. Also das Element A soll platziert werden ganz hinten und dafür verwende ich order: 1. Und es hat geklappt. F ganz vorne, A ganz hinten. Die Eigenschaft order ist bei Flexbox auch ganz wichtig. Darüber kann man die Reihenfolge der Elemente verändern. Über order sollten Sie wissen, dass standardmäßig alle…

Inhalt