เว็บไซต์มักแสดงเนื้อหาในหลายคอลัมน์ (เช่น นิตยสารหรือหนังสือพิมพ์)
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
HTML มีองค์ประกอบเชิงความหมายหลายอย่างที่กำหนดส่วนต่างๆ ของหน้าเว็บ:
มีสี่เทคนิคที่แตกต่างกันในการสร้างเลย์เอาต์แบบหลายคอลัมน์ แต่ละเทคนิคมีข้อดีและข้อเสีย:
หากคุณต้องการสร้างเค้าโครงอย่างรวดเร็ว คุณสามารถใช้เฟรมเวิร์ก CSS เช่นW3.CSSหรือBootstrap
เคยได้ยินเกี่ยวกับW3Schools Spacesไหม? ที่นี่คุณสามารถสร้างเว็บไซต์ของคุณตั้งแต่เริ่มต้นหรือใช้เทมเพลตและโฮสต์ได้ฟรี
เริ่มต้นฟรี ❯* ไม่ต้องใช้บัตรเครดิต
เป็นเรื่องปกติที่จะทำเค้าโครงเว็บทั้งหมดโดยใช้
floatคุณสมบัติ CSS Float นั้นง่ายต่อการเรียนรู้ - คุณเพียงแค่ต้องจำวิธีการ ทำงาน floatและ
clearคุณสมบัติ
ข้อเสีย:องค์ประกอบแบบลอยตัวจะเชื่อมโยงกับโฟลว์ของเอกสาร ซึ่งอาจส่งผลเสียต่อความยืดหยุ่น เรียนรู้เพิ่มเติมเกี่ยวกับ float ในบทCSS Float and Clear ของเรา
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
การใช้ flexbox ช่วยให้มั่นใจได้ว่าองค์ประกอบต่างๆ จะทำงานคาดเดาได้เมื่อเค้าโครงหน้าต้องรองรับขนาดหน้าจอที่แตกต่างกันและอุปกรณ์แสดงผลที่แตกต่างกัน
เรียนรู้เพิ่มเติมเกี่ยวกับ flexbox ใน บทCSS Flexbox ของเรา
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
CSS Grid Layout Module มีระบบเลย์เอาต์แบบกริดที่มีแถวและคอลัมน์ ทำให้ง่ายต่อการออกแบบหน้าเว็บโดยไม่ต้องใช้ทศนิยมและการวางตำแหน่ง
เรียนรู้เพิ่มเติมเกี่ยวกับ CSS กริดใน บทแนะนำตาราง CSS ของเรา
