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;

Kommentar Hinzufügen

🙂 😃 😀 😝 😇 😉 😋 😎 🤔 🙄 🙁 😕 😴 😧 😠 😢 😡
Die Verarbeitung Deiner Daten erfolgt im Rahmen meiner Datenschutzerklärung.

bUTschy.de4CMS (2021)