Skip to Main Content
CSS: The Definitive Guide, 5. Auflage
book

CSS: The Definitive Guide, 5. Auflage

by Eric Meyer, Estelle Weyl
September 2024
Intermediate to advanced content levelIntermediate to advanced
1128 pages
32h 49m
German
O'Reilly Media, Inc.
Book available
Content preview from CSS: The Definitive Guide, 5. Auflage

Kapitel 12. Gitternetz-Layout

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com

Bei der Einführung von hatte CSS ein Loch in der Mitte. Designer beugten andere Funktionen für die Zwecke des Layouts vor, vor allem float und clear, und hackten sich generell um dieses Loch herum. Das Flexbox-Layout half, das Loch zu füllen, aber Flexbox ist eigentlich für bestimmte Anwendungsfälle gedacht, z. B. für Navigationsleisten (Navbars), wie in Kapitel 11 gezeigt.

Das Rasterlayout hingegen ist ein allgemeines Layoutsystem. Mit seiner Betonung auf Zeilen und Spalten mag es sich zunächst wie eine Rückkehr zum Tabellenlayout anfühlen - und in gewisser Hinsicht ist das auch gar nicht so abwegig -, aber das Rasterlayout hat weitaus mehr zu bieten als das Tabellenlayout. Das Raster ermöglicht es, Teile des Designs unabhängig von der Reihenfolge in der Dokumentquelle anzuordnen und sogar Teile des Layouts zu überlappen, wenn du das möchtest. CSS bietet äußerst flexible Methoden, um sich wiederholende Muster von Rasterlinien zu definieren, Elemente an diese Rasterlinien anzuhängen und vieles mehr. Du kannst Raster in Raster verschachteln oder auch Tabellen oder Flexbox-Container an ein Raster anhängen. Und vieles, vieles mehr.

Kurz gesagt: Das Grid-Layout war das Layout-System, auf das wir lange gewartet haben, und 2017 ist es in allen wichtigen Browser-Engines gelandet. Es nimmt viele, viele Layouts, die schwierig ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

JavaScript Schnelleinstieg - Dynamische Webseiten programmieren in 14 Tagen

JavaScript Schnelleinstieg - Dynamische Webseiten programmieren in 14 Tagen

Ulrike Häßler
Windows® 2000 Active Directory™

Windows® 2000 Active Directory™

Edgar Brovick, Doug Hauger, William C. Wade

Publisher Resources

ISBN: 9781098184254Supplemental Content