รายละเอียดเค้าโครง CSS Grid: เครื่องมือที่มีประสิทธิภาพสำหรับรูปแบบสองมิติ

Grid คืออะไร

Grid เป็นระบบเค้าโครงสองมิติของ CSS3 ซึ่งทำงานทั้งแถวและคอลัมน์และมีประสิทธิภาพมากกว่า Flexbox

แนวคิดหลัก

ภาชนะตาข่าย, รายการตาข่าย, แทร็ก, เซลล์, เส้นตาราง

คุณสมบัติทั่วไป

display:grid、grid-template-columns、grid-template-rows、gap。

การจัดตำแหน่ง

justify-items、align-items、justify-content、align-content。