Thuộc tính flex-wrap trong CSS

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

Thuộc tính flex-wrap xác định liệu mục柔性 có nên换行 hay không.

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

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

Hướng dẫn CSS:Thuộc tính flex

Hướng dẫn HTML DOM:Thuộc tính flexWrap

Cho phép mục弹性在需要时换行:

div {
  display: flex;   
  flex-wrap: wrap;
}

flex-wrap: nowrap|wrap|wrap-reverse|initial|inherit;

Giá trị	Mô tả
nowrap	Giá trị mặc định. Định nghĩa các mục弹性不会换行.
wrap	Định nghĩa các mục弹性会在需要时换行.
wrap-reverse	Định nghĩa các mục弹性会在需要时换行，theo hướng ngược lại.
initial	Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit	Kế thừa thuộc tính này từ phần tử cha. Xem thêm inherit。

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

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

Số liệu với tiền tố -webkit- hoặc -moz- đại diện cho phiên bản đầu tiên sử dụng tiền 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