Przykład
Sprawiają, że elastyczne elementy owinąć jeśli necesarry:
document.getElementById("main".style.flexWrap = "wrap"; Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość flexWrap określa, czy elastyczne elementy powinny zawinąć czy nie.
Note: Jeśli elementy nie są elastyczne elementy, właściwość flexWrap nie ma żadnego wpływu.
Wsparcie przeglądarka
Nieruchomość flexWrap jest obsługiwana w IE10 +, Firefox, Opera i Chrome.
Uwaga: Safari 6.1+ obsługuje alternatywę, właściwość WebkitFlexWrap.
Składnia
Zwraca właściwość flexWrap:
object .style.flexWrap Ustaw właściwość flexWrap:
object .style.flexWrap="nowrap|wrap|wrap-reverse|initial|inherit"
wartości nieruchomości
| Wartość | Opis |
|---|---|
| nowrap | Domyślna wartość. Określa, że elastyczne elementy nie będą zawijać |
| wrap | Określa, że elastyczne elementy będą zawijać jeśli to konieczne |
| wrap-reverse | Określa, że elastyczne elementy będą zawijać, jeśli to konieczne, w odwrotnej kolejności |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowy |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć |
Szczegóły techniczne
| Domyślna wartość: | nowrap |
|---|---|
| Zwracana wartość: | Ciąg, stanowiących własność Flex-wrap elementu |
| Wersja CSS | CSS3 |
Podobne strony
Odniesienie CSS: flex-wrap property
HTML DOM STYL referencyjny: flex property
HTML DOM STYL referencyjny: flexBasis property
HTML DOM STYL referencyjny: flexDirection property
HTML DOM STYL referencyjny: flexFlow property
HTML DOM STYL referencyjny: flexGrow property
HTML DOM STYL referencyjny: flexShrink property
<Style obiektu