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

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

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

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Code Thuộc tính column-gap 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; border:1px solid red;}
</style>
</head>
<body>

<h1>Code Thuộc tính column-gap trong CSS</h1>
<p>Quy định khoảng cách giữa các cột, thuộc tính này thường dùng kết hợp với thuộc tính column-count hoặc column-width:</p>

<h4>column-gap: 40px;column-count: 3; Chia nội dung ra 3 cột, mỗi cột cách nhau 40px </h4>
<div class="divcha" style="column-gap: 40px;column-count: 3;">
   Hãy Chạy thử Code Thuộc tính column-gap 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-gap: 150px;column-count: 3; Chia nội dung ra 3 cột, mỗi cột cách nhau 150px </h4>
<div class="divcha" style="column-gap: 150px;column-count: 3;">
   Hãy Chạy thử Code Thuộc tính column-gap 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-gap: 40px; column-width: 100px; Chiều rộng tối thiểu của mỗi cột là 100px, mỗi cột cách nhau 40px </h4>
<div class="divcha" style="column-gap: 40px; column-width: 100px;">
   Hãy Chạy thử Code Thuộc tính column-gap 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-gap: 150px; column-width: 100px; Chiều rộng tối thiểu của mỗi cột là 100px, mỗi cột cách nhau 150px </h4>
<div class="divcha" style="column-gap: 150px; column-width: 100px;">
   Hãy Chạy thử Code Thuộc tính column-gap 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-gap trong CSS nằm trong bài viết Thuộc tính column-gap trong CSS