Przykład
Niech wszystkie elementy elastyczne być tej samej długości, regardles jego treści:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
Spróbuj sam " Definicja i Wykorzystanie
Flex zestawy własności lub zwraca długość elementu, w stosunku do pozostałych elementów Flexibel wewnątrz samego pojemnika.
Nieruchomość flex jest skrótem dla flexGrow, flexShrink i właściwości flexBasis.
Note: Jeśli element nie jest elastyczny element, właściwość Flex ma żadnego efektu.
Wsparcie przeglądarka
Nieruchomość Flex jest dostępna we wszystkich głównych przeglądarek, z wyjątkiem Safari.
Uwaga: Właściwość Flex nie obsługuje IE 9 lub wcześniej, w IE 10 to właściwość jest obsługiwana z prefiksem MS. IE11 i nowsze wersje w pełni obsługuje właściwości Flex (nie trzeba przedrostek MS).
Uwaga: Safari 6.1+ obsługuje alternatywę, właściwość WebkitFlex.
Składnia
Zwraca właściwość Flex
object .style.flexUstaw właściwość Flex
object .style.flex=" wartości nieruchomości Wartość Opis flex-grow Liczba określająca, ile pozycja wzrośnie w stosunku do pozostałych elementów elastycznych flex-shrink Liczba określająca, ile pozycja będzie się kurczyć w stosunku do pozostałych elementów elastycznych flex-basis Długość elementu. Wartości prawne: "auto" , "inherit" lub numer, a następnie "%" , "px" , "em" lub innej jednostce długości auto Samo jak 1 1 auto. initial Tak samo jak 0 1 auto. Przeczytaj o początkowy none Tak samo jak 0 0 auto. inherit Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczyć
Szczegóły techniczne
Domyślna wartość: 0 1 auto Zwracana wartość: Ciąg, stanowiących własność elastycznego elementu Wersja CSS CSS3
Podobne strony
Odniesienie CSS: 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
HTML DOM STYL referencyjny: flexWrap property
<Style obiektu