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

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

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

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

<h1>Code Thuộc tính column-width trong CSS</h1>
<p>Quy định chiều rộng tối thiểu của mỗi cột, số cột sẽ được chia dựa vào chiều rộng tối thiểu của mỗi cột và chiều rộng của phần tử cha, nếu chiều rộng của phần tử cha nhỏ hơn chiều rộng tối thiểu được chỉ định hoặc nhỏ hơn 2 cột tối thiểu thì sẽ chia thành 1 cột:</p>

<h4>column-width: 200px; Chiều rộng tối thiểu của mỗi cột là 200px</h4>
<div class="divcha" style="column-width: 200px;">
  Hãy Chạy thử Code Thuộc tính column-width 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ả
</div>

<h4>column-width: 300px; Chiều rộng tối thiểu của mỗi cột là 300px</h4>
<div class="divcha" style="column-width: 300px;">
  Hãy Chạy thử Code Thuộc tính column-width 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ả
</div>

<h4>column-width: 900px; Chiều rộng tối thiểu của mỗi cột là 900px</h4>
<div class="divcha" style="column-width: 900px;">
  Hãy Chạy thử Code Thuộc tính column-width 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ả
</div>

<h4>column-width: auto; Chiều rộng tối thiểu của mỗi cột là auto</h4>
<div class="divcha" style="column-width: auto;">
  Hãy Chạy thử Code Thuộc tính column-width 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ả
</div>
</body>
</html>
Code Thuộc tính column-width trong CSS nằm trong bài viết Thuộc tính column-width trong CSS