Thuộc tính flex-flow trong CSS

Định nghĩa và cách sử dụng

Thuộc tính flex-flow là tóm tắt của các thuộc tính sau:

Ghi chú:Nếu phần tử không phải là item elastic, thuộc tính flex không có giá trị.

Hướng dẫn CSS:Khung弹性CSS

Tài liệu tham khảo CSS:Thuộc tính flex

Tài liệu tham khảo CSS:Thuộc tính flex-basis

Tài liệu tham khảo CSS:Thuộc tính flex-grow

Tài liệu tham khảo CSS:Thuộc tính flex-shrink

Tài liệu tham khảo CSS:Thuộc tính flex-wrap

Tài liệu tham khảo HTML DOM:Thuộc tính flexFlow

Hiển thị các item elastic theo hướng ngược lại và thay đổi hàng nếu cần:

div {
  display: flex;
  flex-flow: row-reverse wrap;
}

flex-flow: flex-direction flex-wrap|initial|inherit;

Giá trị	Mô tả
flex-direction	Các giá trị có thể có: row row-reverse column column-reverse initial inherit Giá trị mặc định là "row". Định nghĩa hướng của các item elastic.
flex-wrap	Các giá trị có thể có: nowrap wrap wrap-reverse initial inherit Giá trị mặc định là "nowrap". Định nghĩa liệu các item elastic có nên换行 không.
initial	Đặt thuộc tính này thành giá trị mặc định. Xem thêm initial.
inherit	Thay đổi thuộc tính này thành giá trị mặc định. Xem thêm inherit.

Giá trị mặc định:	row nowrap
Kế thừa:	Không
Tạo animation:	Không hỗ trợ. Xem thêm:Các thuộc tính liên quan đến animation.
Phiên bản:	CSS3
Ngữ pháp JavaScript:	object.style.flexFlow="column nowrap"

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này trước khi sử dụng tiền tố theo quy định của số thứ tự.

Chrome	IE / Edge	Firefox	Safari	Opera
29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0