Startseite » Quellcode » flex: grow, shrink und basis
Quellcode

flex: grow, shrink und basis

Bis ich es kann, war doch mit z.b. margin: x x x x; auch nicht so schwer ;)

.flex-item {
    flex-grow: 1; /* Wachstumsfaktor */
    flex-shrink: 1; /* Schrumpffaktor */
    flex-basis: 25em; /* Basisbreite */
}

oder das gleich in kurz:

.flex-item {
    flex: 1 1 25em;
}

Ich nenne es mal WSB.

Es sind folgende Angaben möglich:

  • flex 1: = flex: 1 1 0%;
  • flex: none = flex: 0 0 auto;
  • felx: auto = flex: 1 1 auto;
  • flex: initial = flex: 0 1 auto;
Keine Kommentare

Kommentar


Die Verarbeitung Deiner Daten erfolgt im Rahmen meiner Datenschutzerklärung.

bUTschy.de4CMS
Diese Website verwendet Cookies. Durch die Nutzung dieser Webseite erklärst Du Dich einverstanden, dass Cookies gesetzt werden. Datenschutz Zustimmen