Style właściwości flexFlow

definicja i użycie

flexFlow właściwość jest flexDirection i flexWrap skrócona właściwość.

flexDirection określa kierunek elementów elastycznych.

flexWrap określa, czy elementy elastyczne powinny być rozciągnięte w liniach.

komentarz:jeśli element nie jest elementem elastycznym, to flexFlow nieprawidłowy atrybut.

patrz również:

Przeglądarka CSSflex-flow właściwość

przykład

wyświetl elementy elastyczne w kolumnie bez przecięcia linii:

document.getElementById("main").style.flexFlow = "column nowrap";

spróbuj sam

gramatyka

zwróć właściwość flexFlow:

obiekt.style.flexFlow

ustawienie właściwości flexFlow:

obiekt.style.flexFlow = "flex-direction flex-wrap|initial|inherit"

wartość atrybutu

wartość opis
flex-direction

możliwe wartości:

  • row
  • row-reverse
  • column
  • column-reverse
  • initial
  • inherit

domyślna wartość to "row".

określa kierunek elementów elastycznych.
flex-wrap

możliwe wartości:

  • nowrap
  • wrap
  • wrap-reverse
  • initial
  • inherit

domyślna wartość to "nowrap".

określa, czy elementy elastyczne powinny być rozciągnięte w liniach.
initial ustawia tę właściwość na jej wartość domyślną. Zobacz initial.
inherit dziedziczy tę właściwość od elementu nadrzędnego. Zobacz inherit.

szczegóły techniczne

domyślna wartość: row nowrap
wartość zwracana: łańcuch, który oznacza flex-flow właściwość.
wersja CSS: CSS3

obsługa przeglądarek

Liczby w tabeli wskazują pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
obsługa 11.0 obsługa 9.0 obsługa

powiązane strony

Przeglądarka DOM STYLEflex właściwość

Przeglądarka DOM STYLEflexBasis właściwość

Przeglądarka DOM STYLEflexDirection właściwość

Przeglądarka DOM STYLEflexGrow właściwość

Przeglądarka DOM STYLEflexShrink właściwość

Przeglądarka DOM STYLEflexWrap właściwość