UTILS.
ทำงานในเบราว์เซอร์ 100%

เลย์เอาต์หลายคอลัมน์ CSS

สร้างเลย์เอาต์ข้อความหลายคอลัมน์ด้วย CSS พร้อมเส้นแบ่ง

เกี่ยวกับเครื่องมือนี้

สร้างเลย์เอาต์ข้อความหลายคอลัมน์ด้วย CSS โดยกำหนดจำนวนคอลัมน์ ช่องว่าง และเส้นแบ่งเสริม พร้อมตัวอย่างแบบเรียลไทม์และ CSS ที่คัดลอกได้ ทั้งหมดทำงานในเบราว์เซอร์ของคุณ

คำถามที่พบบ่อย

column-count ทำอะไร?
มันแบ่งเนื้อหาของอิลิเมนต์ออกเป็นคอลัมน์ที่สมดุลตามจำนวนที่กำหนด โดยให้ข้อความไหลจากคอลัมน์หนึ่งไปยังคอลัมน์ถัดไปเหมือนหนังสือพิมพ์
column-rule คืออะไร?
มันวาดเส้นแบ่งระหว่างคอลัมน์ โดยมีความกว้าง สไตล์ และสีของตัวเอง คล้ายกับเส้นขอบ (border) ของ CSS

เครื่องมือเพิ่มเติม