Thuộc tính linh hoạt kiểu dáng
Thí dụ
Để tất cả các mục linh hoạt có cùng độ dài, bất kể nội dung của nó như thế nào:
for (i = 0; i
y[i].style.flex = "1";
}
Định nghĩa và Cách sử dụng
Thuộc tính flex đặt hoặc trả về độ dài của mục, so với phần còn lại của các mục linh hoạt bên trong cùng một vùng chứa.
Thuộc tính flex là cách viết tắt của các thuộc tính flexGrow, flexShrink và flexBasis.
Lưu ý: Nếu phần tử không phải là một mục linh hoạt, thuộc tính flex không có hiệu lực.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
flex | Yes | 11.0 10.0 msFlex |
Yes | 9.0 | Yes |
Cú pháp
Trả lại thuộc tính flex:
object.style.flex
Đặt thuộc tính flex:
object.style.flex = "flex-grow flex-shrink flex-basis|auto|initial|inherit"
Giá trị tài sản
Value | Description |
---|---|
flex-grow | A number specifying how much the item will grow relative to the rest of the flexible items |
flex-shrink | A number specifying how much the item will shrink relative to the rest of the flexible items |
flex-basis | The length of the item. Legal values: "auto", "inherit", or a number followed by "%", "px", "em" or any other length unit |
auto | Same as 1 1 auto. |
initial | Same as 0 1 auto. Read about initial |
none | Same as 0 0 auto. |
inherit | Inherits this property from its parent element. Read about inherit |
Chi tiết kỹ thuật
Giá trị mặc định: | 0 1 tự động |
---|---|
Giá trị trả lại: | Một chuỗi, đại diện cho thuộc tính flex 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
HTML DOM STYLE Tham chiếu: thuộc tính flexBasis
Tham chiếu HTML DOM STYLE: thuộc tính flexDirection
Tham chiếu HTML DOM STYLE: thuộc tính flexFlow
HTML DOM STYLE Tham khảo: thuộc tính flexGrow
HTML DOM STYLE Tham khảo: thuộc tính flexShrink
Tham chiếu HTML DOM STYLE: thuộc tính flexWrap
❮ Đối tượng phong cách