Az flex-wrapingatlan a Flexible Box Layout modul egyik al-tulajdonsága.
Meghatározza, hogy a flex elemeket egyetlen sorban kényszerítik-e, vagy több sorba áramolhatnak. Ha több vonalra van állítva, akkor meghatározza a kereszttengelyt is, amely meghatározza az új vonalak halmozási irányát.
Emlékeztetõ: a kereszttengely a fõtengelyre merõleges tengely. Iránya a főtengely irányától függ.
A flex-wrapszálláshely 3 különböző értéket fogad el:
nowrap( alapértelmezett ): egysoros, amely a tartály túlcsordulását okozhatjawrap: többsoros, az irányt az határozza megflex-directionwrap-reverse: többvonalas, ellentétben az irány által meghatározottflex-direction
Szintaxis
flex-wrap: nowrap | wrap | wrap-reverse .flex-container ( flex-wrap: wrap; )Demó
A következő bemutatóban:
- A vörös lista értéke
nowrap - A sárga lista értéke
wrap - A kék lista értéke
wrap-reverse
Megjegyzés: A flex-directionbeállítás alapértelmezett értéke: row.
Lásd a Pen Flex-wrap: bemutatót a CSS-Tricks-től (@ css-tricks) a CodePen-en.
Böngésző támogatás
Ez a böngésző támogatási adat a Caniuse cégtől származik, amely részletesebben szerepel. Egy szám azt jelzi, hogy a böngésző támogatja az adott és újabb verziók szolgáltatásait.
Asztal
| Króm | Firefox | AZAZ | Él | Szafari |
|---|---|---|---|---|
| 21 * | 28. | 11. | 12. | 6,1 * |
Mobil / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4.4 | 7,0–7,1 * |
A szintaxisok keverésével kapcsolatos további információkért a legjobb böngésző-támogatás érdekében olvassa el ezt a cikket (CSS-trükkök) vagy ezt a cikket (DevOpera).