Flex Layout
Code Sources Icon Code Sources Icon


Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.
HTML Elemente

Aufbau des Layouts

 Hinweis

Ein Layout, das mit CSS-Flex-Eigenschaften gebaut wird, unterscheidet sich nicht gänzlich von einem anderen Bauprinzip. Je nach Absicht, Zielsetzung und Wahl der Vorgehensweise, unterscheiden sich nur die CSS-Eigenschaften, um Elemente nebeneinander platzieren zu können. Dazu gibt es mehrere verbreitete Techniken:

  • Absolutes Positionieren > Ein Layout mit fixen Grössen
  • Float und Clear > Ein fliessendes Layout dass sich anpasst
  • Grid-System > Ein Responsiv-Layout (Bootstrap, Materialize, Grid960 usw.)
  • Flex-Layout > Ein Responsiv-Layout (Bootstrap, FlexboxGrid)
DB-Table: flexlayout