ใช้ columnFill คุณสมบัติเพื่อเติมคอลัมน์ เติมแบบอัตโนมัติเพื่อเติมตามลำดับ หรือปรับสมดุลเพื่อแบ่งเนื้อหาระหว่างคอลัมน์เท่าๆ กัน
ตัวอย่าง
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อตั้งค่าคอลัมน์เติมด้วย JavaScript -
<!DOCTYPE html>
<html>
<body>
<p>Click below to create 4 columns</p>
<button onclick="display()">Columns</button>
<div id="myID">
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
This is demo text. This is demo text. This is demo text. This is demo text.
</div>
<script>
function display() {
document.getElementById("myID").style.columnCount = "4";
document.getElementById("myID").style.columnFill = "balance";
}
</script>
</body>
</html> 