Thuộc tính lưới-cột tự động CSS
Thí dụ
Đặt kích thước mặc định cho các cột trong lưới:
.grid-container {
display: grid;
grid-auto-columns: 50px;
}
Định nghĩa và Cách sử dụng
Thuộc grid-auto-columns
tính đặt kích thước cho các cột trong vùng chứa lưới.
Thuộc tính này chỉ ảnh hưởng đến các cột có kích thước không được đặt.
Giá trị mặc định: | Tự động |
---|---|
Thừa hưởng: | không |
Hoạt hình: | Đúng. Đọc về hoạt hình |
Phiên bản: | Mô-đun bố cục lưới CSS cấp độ 1 |
Cú pháp JavaScript: | đối tượng .style.gridAutoColumns = "120px" |
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
grid-auto-columns | 57 | 16 | 52 | 10 | 44 |
Cú pháp CSS
grid-auto-columns: auto|max-content|min-content|length;
Giá trị tài sản
Value | Description | Play it |
---|---|---|
auto | Default value. The size of the columns is determined by the size of the container | |
fit-content() | ||
max-content | Sets the size of each column depending on the largest item in the column | |
min-content | Sets the size of each column depending on the smallest item in the column | |
minmax(min.max) | Sets a size range greater than or equal to min and less than or equal to max | |
length | Sets the size of the columns, by using a legal length value. Read about length units | |
% | Sets the size of the columns, by using a percent value |
Các trang liên quan
Hướng dẫn CSS: Bố cục Lưới CSS
Tham chiếu CSS: Thuộc tính lưới-tự động hàng