คอลัมน์กว้าง CSS3 แอตทริบิวต์ คืออะไร และใช้งานอย่างไร?

คอลัมน์กว้าง CSS3 แอตทริบิวต์

ระบุความกว้างของคอลัมน์:

div
{
คอลัมน์กว้าง: 100px;
-moz คอลัมน์กว้าง: 100px; / * Firefox * /
-webkit คอลัมน์กว้าง: 100px; / * Safari และ Chrome * /
}

ลอง»
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น

ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน

ทันทีหลังจาก -webkit- ดิจิตอล -ms- หรือ -moz- ที่ผ่านมาในการสนับสนุนของคำนำหน้าแอตทริบิวต์หมายเลขรุ่นเบราเซอร์แรก

属性
column-width	50.0 4.0 -webkit-	10.0	2.0 -moz-	9.0 3.1 -webkit-	37.0 15.0 -webkit- 11.1

แอตทริบิวต์คอลัมน์กว้างระบุความกว้างของคอลัมน์

column-width: auto|length;

值	描述
auto	浏览器将决定列的宽度
length	指定列宽的长度

คอลัมน์นับ
องค์ประกอบข้อความ div เป็นสามคอลัมน์

คอลัมน์ช่องว่าง
ข้อความในส่วน div เป็นสามคอลัมน์และระบุช่องว่างระหว่างคอลัมน์ของ 30 พิกเซล

คอลัมน์กฎ
กฎระบุระหว่างคอลัมน์: ความกว้างของรูปแบบและสี