Thẻ HTML <multicol> dùng để tạo nhiều cột văn bản và cho phép kiểm soát kích thước và số lượng cột. Thẻ <multicol> có thể chứa bất kỳ nội dung HTML nào, giống như thẻ <div>. Tất cả nội dung trong <multicol> hiển thị như nội dung thông thường, ngoại trừ Netscape 4 đặt nội dung vào nhiều cột thay vì một cột.
Lưu ý: Thẻ này chỉ được hỗ trợ bởi Netscape 3 và các phiên bản cao hơn.
Các thuộc tính:
| Thuộc tính | Giá trị | Mô tả |
|---|---|---|
| cols | number | Chỉ định số cột văn bản để hiển thị. Trình duyệt cố gắng phân bố đều các phần tử qua các cột để mỗi cột có chiều cao tương đương. Trừ khi có thuộc tính WIDTH, chiều rộng cột điều chỉnh để lấp đầy chiều rộng khả dụng. |
| gutter | number | Chỉ định khoảng cách giữa các cột (pixel). |
| width | number | Chỉ định chiều rộng mỗi cột (pixel). Tất cả cột cùng rộng. Nếu thuộc tính này không có, giá trị tính từ gutter width và số cột. |
Ví dụ
Bạn có thể thử mã sau để thêm bố cục đa cột cho luồng văn bản:
<h1>Tin tức mới</h1> <multicol cols="3"> <p>Truyền thông nhà nước nói hơn 2.000 binh sĩ, cảnh sát và thợ mỏ <br> đã khép hở vị đê tại tỉnh Shandong vào chủ nhật sớm và <br> lắp ống và 5 máy bơm tốc độ cao, nhưng không cho biết có dấu hiệu sự sống.</p> <p>Mỏ Huayuan Mining Co. bị ngập vào chiều thứ Sáu khi sông Wen <br> vỡ đê, nước tràn vào hầm mỏ giam 172 thợ mỏ, Xinhua và truyền hình nhà nước nói.</p> </multicol>
Hiện tại: Thẻ <multicol> đã lỗi thời. Dùng CSS Multi-column Layout (column-count, column-gap, column-width, column-rule) để tạo bố cục đa cột chuẩn.