CSS ความหลายลาย

การประกาศและการใช้งาน

คุณสมบัติ column-fill กำหนดวิธีการกระจายคอลัมน์ (เป็นการสอดคล้องหรือไม่)

ดูเพิ่มเติม

ตำรา CSS3CSS3 หลายคอลัมน์

คู่มือเอชทีเอ็มแอลล์ DOMคุณสมบัติ columnFill

ตัวอย่าง

กำหนดวิธีการกระจายคอลัมน์

div
{
column-fill:auto;
}

CSS ภาษาเขียน

column-fill: balance|auto;

ค่าของแอตทริบิวต์

ค่า คำอธิบาย
balance สอดคล้องคอลัมน์ พวกเราต้องการลดความแตกต่างในความยาวของคอลัมน์
auto กระจายคอลัมน์ในลำดับ ความยาวของคอลัมน์จะแตกต่างกัน

รายละเอียดเทคนิค

ค่าเริ่มต้น balance
การสืบทอด no
รุ่น CSS3
JavaScript ภาษาเขียน object.style.columnFill="auto"

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

Column-count
แบ่งข้อความของ element div ออกเป็นสามคอลัมน์
Column-gap
แบ่งข้อความของ element div ออกเป็นสามคอลัมน์ และกำหนดช่องว่างระหว่างคอลัมน์ 30 pixel
Column-rule
กำหนดความกว้าง รูปแบบและสีของช่องบรรจุความ

การสนับสนุนโดยเบราเซอร์

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 52.0 10.0 37.0