Code Thuộc tính column-fill trong CSS

Code Thuộc tính column-fill trong CSS

Code Thuộc tính column-fill trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính column-fill trong CSS</title>
<style>
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.divcha{width:100%; margin-bottom:10px; column-count: 3; height: 150px;}
</style>
</head>
<body>

<h1>Code Thuộc tính column-fill trong CSS</h1>
<p>Dùng để quy định cách nội dung hiển thị trên các cột, thuộc tính này hoạt động khi cố định chiều cao và có chia cột:</p>

<h4>column-fill: balance; nội dung trải gần đều cho các cột</h4>
<div class="divcha" style="column-fill: balance;">
   Hãy Chạy thử Code Thuộc tính column-fill trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả. Hãy Chạy thử Code Thuộc tính column-fill trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả. Hãy Chạy thử Code Thuộc tính column-fill trong CSS
</div>

<h4>column-fill: auto; Nội dung đầy ở các cột đầu tiên thì mới đổ nội dung tới cột tiếp theo</h4>
<div class="divcha" style="column-fill: auto;">
   Hãy Chạy thử Code Thuộc tính column-fill trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả. Hãy Chạy thử Code Thuộc tính column-fill trong CSS, Web Mới cung cấp công cụ giúp bạn chạy trực tiếp code và xem kết quả. Hãy Chạy thử Code Thuộc tính column-fill trong CSS
</div>

</body>
</html>
Code Thuộc tính column-fill trong CSS nằm trong bài viết Thuộc tính column-fill trong CSS