Giới thiệu
Thuộc tính column-span dùng để chỉ định phần tử trải qua bao nhiêu cột.
Ví dụ
<html>
<head>
<style>
.multi {
/* Số cột */
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
/* Khoảng cách cột */
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
/* Kiểu đường kẻ cột */
column-rule-style: solid;
column-rule-color: #ff00ff;
/* Độ rộng đường kẻ cột */
-webkit-column-rule-width: 5px;
-moz-column-rule-width: 5px;
column-rule-width: 5px;
/* Column span */
-webkit-column-span: all; /* Chrome, Safari, Opera */
column-span: all;
}
</style>
</head>
<body>
<div class="multi">
<h2>Đây là văn bản demo</h2>
Tutorials Point xuất phát từ ý tưởng rằng tồn tại một lớp người đọc phản ứng tốt hơn với nội dung trực tuyến và thích học kỹ năng mới ở tốc độ riêng từ sự thoải mái của phòng khách. Hành trình bắt đầu với một hướng dẫn HTML đơn lẻ vào năm 2006 và hứng thú bởi phản hồi nó tạo ra, chúng tôi đã làm việc để thêm các hướng dẫn mới vào kho lưu trữ của mình, nơi hiện đang tự hào trình bày hàng loạt hướng dẫn và bài viết liên quan về các chủ đề từ ngôn ngữ lập trình đến thiết kế web đến học thuật và hơn thế nữa.
</div>
</body>
</html>
Kết quả
