Dùng thuộc tính columnFill để điền cột. Điền auto để điền tuần tự, hoặc balance để chia đều nội dung giữa các cột.
Ví dụ
Bạn có thể chạy mã sau để đặt điền cột với JavaScript −
<!DOCTYPE html> <html> <body> <p>Nhấn dưới để tạo 4 cột</p> <button onclick="display()">Cột</button> <div id="myID"> Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. </div> <script> function display() { document.getElementById("myID").style.columnCount = "4"; document.getElementById("myID").style.columnFill = "balance"; } </script> </body> </html>