UTILS.
เป็นส่วนตัวตั้งแต่เริ่ม
‖

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

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

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

ไฟล์ประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลด เว็บไซต์จะดาวน์โหลดโค้ดและทรัพยากรที่จำเป็นต่อเครื่องมือ ไม่ต้องมีบัญชีและไม่มีตัวติดตาม

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →

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

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

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

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

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