Referenz:CSS/Eigenschaften/flex

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft flex CSS 3.0
Beschreibung Zusammenfassung der Eigenschaften für flex-grow, flex-shrink, + flex-basis , die bestimmen, wie sich ein flexibler Container streckt oder schrumpft.
erlaubte Werte
default-Wert
  • siehe Einzelwerte (0 1 auto)
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung ja
animierbar ja
Browsersupport
  • Chrome
  • Firefox
  • IE 10
  • Opera
  • Safari
Spezifikation W3c logo klein.gif CSS Flexible Box Layout Module Level 1s
Beispiel
p { flex: 1 10px auto; }
  • wenn für alle Kind-Elemente flex-grow auf 1 gesetzt ist, werden sie alle gleich breit dargestellt
  • legt fest, um wie viel diese schrumpfen sollen
  • bestimmt die ursprüngliche Größe des Kind-Elements
Beachten Sie

{{{Hinweis}}}

Tipp

{{{Tipp}}}