Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách đặt khoảng cách giữa các cột với JavaScript


Để đặt khoảng cách giữa cột, dùng thuộc tính columnGap.

Ví dụ

Bạn có thể chạy mã sau để học cách đặt khoảng cách giữa cột với JavaScript −

<!DOCTYPE html> <html>    <body>       <p>Nhấn dưới để tạo 4 cột và đặt khoảng cách 30px</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.columnGap = "30px";          }       </script>    </body> </html>