Thuộc tính style flexFlow
Thí dụ
Làm cho các mục linh hoạt hiển thị trong các cột và không có gói:
document.getElementById("main").style.flexFlow = "column nowrap";
Định nghĩa và Cách sử dụng
Thuộc tính flexFlow là một thuộc tính viết tắt cho thuộc tính flexDirection và flexWrap.
Thuộc tính flexDirection chỉ định hướng của các mục linh hoạt.
Thuộc tính flexWrap chỉ định xem các mục linh hoạt có nên bọc hay không.
Lưu ý: Nếu các phần tử không phải là các mục linh hoạt, thuộc tính flexFlow không có tác dụng.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
flexFlow | Yes | 11.0 | Yes | 9.0 | Yes |
Cú pháp
Trả về thuộc tính flexFlow:
object.style.flexFlow
Đặt thuộc tính flexFlow:
object.style.flexFlow = "flex-direction flex-wrap|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
flex-direction | Possible values: row row-reverse column column-reverse initial inherit Default value is "row". Specifying the direction of the flexible items |
flex-wrap | Possible values: nowrap wrap wrap-reverse initial inherit Default value is "nowrap". Specifying whether the flexible items should wrap or not |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | hàng ngay |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính flex-flow của một phần tử |
Phiên bản CSS | CSS3 |
Các trang liên quan
Tham chiếu CSS: thuộc tính flex-flow
Tham chiếu HTML DOM STYLE: thuộc tính flex
HTML DOM STYLE Tham chiếu: thuộc tính flexBasis
Tham chiếu HTML DOM STYLE: thuộc tính flexDirection
HTML DOM STYLE Tham khảo: thuộc tính flexGrow
Tham chiếu HTML DOM STYLE: thuộc tính flexShrink
HTML DOM STYLE Tham khảo: thuộc tính flexWrap
❮ Đối tượng phong cách