Thuộc tính phong cách flex
Ví dụ
Đặt tất cả các mục linh hoạt có cùng độ dài, bất kể nội dung của nó:
for (i = 0; i < y.length; i++) {
y[i].style.flex = "1";
}
Hãy tự mình thử »Sự miêu tả
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ục linh hoạt thì thuộc tính flex không có hiệu lực.
Hỗ trợ trình duyệt
Property | |||||
---|---|---|---|---|---|
flex | Yes | 11.0 | Yes | 9.0 | Yes |
Cú pháp
Trả về 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ô |
---|---|
Giá trị trả về: | Một Chuỗi, biểu thị thuộc tính flex của một phần tử |
Phiên bản CSS | CSS3 |
Trang liên quan
Tham chiếu CSS: thuộc tính flex
Tham chiếu STYLE DOM HTML: thuộc tính flexBasis
HTML DOM STYLE Tham chiếu: thuộc tính flexDirection
Tham chiếu STYLE DOM HTML: thuộc tính flexFlow
Tham chiếu STYLE DOM HTML: thuộc tính flexGrow
Tham chiếu STYLE DOM HTML: thuộc tính flexShrink
HTML DOM STYLE Tham khảo: thuộc tính flexWrap