Aus dem Kurs: CSS Grid Grundkurs
Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 23.200 Kurse von Branchenfachleuten.
Inhalte innerhalb der Rasterzellen anordnen
Aus dem Kurs: CSS Grid Grundkurs
Inhalte innerhalb der Rasterzellen anordnen
Die Inhalte innerhalb von Rasterzellen können Sie anordnen mit justify-items und align-items. Die möglichen Werte sind normal, start, end, center und stretch und stretch ist dasselbe wie normal. Man sieht das ein bisschen deutlicher, wenn man sich das Raster anzeigen lässt. Dann sehen Sie, das sind unsere Rasterzellen und innerhalb derer sind die Elemente mit justify items: start so angeordnet, dass es hier in der Horizontalen noch Leerraum gibt. Sehen wir uns das an bei align-items. Da geht es um den Platz in der Vertikalen. Und es gibt ebenfalls die Werte start, end, center und stretch. Mit align-items und justify-items bestimmen Sie die Anordnung von Elementen innerhalb von Rasterzellen oder Rasterbereichen. Die beiden CSS-Eigenschaften erlauben dieselben Werte und prinzipiell ist es so, dass Sie mit align-items die vertikale Anordnung für die einzelnen Rasterzellen oder Bereiche bestimmen, hingegen mit justify-items die horizontale Anordnung.
Üben mit Projektdateien
Laden Sie die Dateien herunter, die von den Trainer:innen verwendet werden. So können Sie mitlesen und durch Ansehen, Zuhören und Üben lernen.
Laden Sie Kurse herunter und lernen Sie auch unterwegs.
Sehen Sie sich Kurse auf Ihrem Mobilgerät ohne Internetverbindung an. Laden Sie Kurse mit der LinkedIn Learning-App für iOS oder Android herunter.