บทช่วยสอน คุณสมบัติ CSS3 คอลัมน์ช่องว่าง ที่ดีที่สุดในปี 2024 ในบทช่วยสอนนี้ คุณสามารถเรียนรู้ ตัวอย่าง,สนับสนุนเบราว์เซอร์,แอตทริบิวต์คำจำกัดความและคำแนะนำ,ไวยากรณ์,ตัวอย่างเพิ่มเติม,บทความที่เกี่ยวข้อง,

คุณสมบัติ CSS3 คอลัมน์ช่องว่าง

ตัวอย่าง

ระบุช่องว่างระหว่างคอลัมน์ 40 พิกเซล:

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

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

สนับสนุนเบราว์เซอร์

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

แอตทริบิวต์คำจำกัดความและคำแนะนำ

ช่องว่างระหว่างคุณสมบัติคอลัมน์ช่องว่างระบุคอลัมน์

หมายเหตุ: ถ้าคุณระบุกฎระยะห่างระหว่างคอลัมน์ก็จะใช้ค่าเฉลี่ย

เริ่มต้น: ปกติ
มรดก: ไม่
เวอร์ชัน: CSS3
ไวยากรณ์ javascript: วัตถุ .style.columnGap = "40px"


ไวยากรณ์

column-gap:length|normal;

描述
length 一个指定的长度,将设置列之间的差距
normal 指定一个列之间的普通差距。 W3C建议1EM值


ตัวอย่าง

ตัวอย่างเพิ่มเติม

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

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


บทความที่เกี่ยวข้อง

กวดวิชา CSS3: CSS3 หลายคอลัมน์

คุณสมบัติ CSS3 คอลัมน์ช่องว่าง
10/30