Layout-Modus

Ein Layout-Modus, manchmal auch Layout genannt, ist ein CSS-Algorithmus, der die Position und Größe von Elementboxen basierend auf der Art und Weise bestimmt, wie sie mit ihren Geschwister- und Vorfahrenboxen interagieren.

Es gibt mehrere Layout-Modi:

Flow-Layout oder normaler Fluss

Alle Elemente sind Teil des normalen Flusses, bis Sie etwas tun, um sie daraus zu entfernen. Der normale Fluss umfasst:

Block-Layout

Entworfen für das Layout von Boxen wie Absätzen.

Inline-Layout

Entworfen für das Layout von Inline-Elementen wie Text.

Tabellen-Layout

Entworfen für das Layout von Tabellen.

Float-Layout

Entworfen, um ein Element dazu zu bringen, sich links oder rechts zu positionieren, während der restliche Inhalt im normalen Fluss darum herum fließt.

Positioniertes Layout

Entworfen, um Elemente zu positionieren, ohne viel Interaktion mit anderen Elementen.

Mehrspalten-Layout

Entworfen, um Inhalte wie in einer Zeitung in Spalten anzuordnen.

Flexibler Box-Layout

Entworfen für das Layout komplexer Seiten, die sich reibungslos skalieren lassen.

Grid-Layout

Entworfen für das Layout von Elementen relativ zu einem festen Raster.