Thuộc tính flexFlow Style

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

flexFlow Thuộc tính là flexDirection và flexWrap Thuộc tính viết tắt của thuộc tính này.

flexDirection Thuộc tính quy định hướng của các mục linh hoạt.

flexWrap Thuộc tính quy định liệu các mục linh hoạt có nên换行 không.

Ghi chú:Nếu phần tử không phải là mục linh hoạt, thì flexFlow Thuộc tính không hợp lệ.

Xem thêm:

Tham khảo CSS:flex-flow 属性

Mẫu

Hiển thị các mục linh hoạt theo cột và không换行:

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

Thử nghiệm trực tiếp

Cú pháp

Trả về flexFlow thuộc tính:

object.style.flexFlow

Đặt flexFlow thuộc tính:

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

Giá trị thuộc tính

Giá trị Mô tả
flex-direction

Giá trị có thể:

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

Giá trị mặc định là "row".

Định nghĩa hướng của các mục linh hoạt.
flex-wrap

Giá trị có thể:

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

Giá trị mặc định là "nowrap".

Định nghĩa liệu các mục linh hoạt có nên换行 không.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial.
inherit Thay đổi thuộc tính này từ giá trị của phần tử cha. Xem thêm inherit.

Chi tiết kỹ thuật

Giá trị mặc định: row nowrap
Giá trị trả về: Chuỗi biểu thị flex-flow 属性.
Phiên bản CSS: CSS3

Hỗ trợ trình duyệt

Số 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.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ 11.0 Hỗ trợ 9.0 Hỗ trợ

Trang liên quan

HTML DOM STYLE Tham khảoflex 属性

HTML DOM STYLE Tham khảoflexBasis 属性

HTML DOM STYLE Tham khảoflexDirection 属性

HTML DOM STYLE Tham khảoflexGrow 属性

HTML DOM STYLE Tham khảoflexShrink 属性

HTML DOM STYLE Tham khảoflexWrap 属性