Thuộc tính column-fill của CSS

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

Thuộc tính column-fill quy định cách lấp đầy các cột (Có nên cân bằng hay không).

Xem thêm:

Hướng dẫn CSS3:CSS3 nhiều cột

Hướng dẫn tham khảo HTML DOM:Thuộc tính columnFill

Ví dụ

Định nghĩa cách lấp đầy các cột:

div
{
column-fill:auto;
}

Ngôn ngữ CSS

column-fill: balance|auto;

Giá trị thuộc tính

Giá trị Mô tả
balance Cân bằng các cột. Trình duyệt nên xử lý tối thiểu sự khác biệt về chiều dài của các cột.
auto Lấp đầy các cột theo thứ tự, chiều dài của các cột sẽ khác nhau.

Chi tiết kỹ thuật

Giá trị mặc định: balance
Tính kế thừa: no
Phiên bản: CSS3
Ngôn ngữ语法 JavaScript: object.style.columnFill="auto"

Các ví dụ khác

Column-count
Chia văn bản trong phần tử div thành ba cột.
Column-gap
Chia văn bản trong phần tử div thành ba cột và quy định khoảng cách giữa các cột là 30 pixel.
Column-rule
Định nghĩa chiều rộng, kiểu dáng và màu sắc giữa các cột.

hỗ trợ trình duyệt

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0