มูลนิธิ - Flex Grid
ตารางขึ้นอยู่กับคุณสมบัติการแสดงผลแบบยืดหยุ่น ประกอบด้วยคุณสมบัติหลายประการที่มีให้กับ Flexbox เช่นการเรียงซ้อนอัตโนมัติการสั่งซื้อแหล่งที่มาการจัดตำแหน่งแนวตั้งและการจัดแนวแนวนอน
รองรับเบราว์เซอร์
ตารางดิ้นได้รับการสนับสนุนใน Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ และ iOS 7+
ตารางต่อไปนี้อธิบายคุณสมบัติของ Flex Grid พร้อมกับคำอธิบาย
| ซีเนียร์ | คุณสมบัติและคำอธิบาย |
|---|---|
| 1 | กำลังนำเข้า รวมถึงมิกซ์อินการส่งออกสำหรับตารางดิ้นเพื่อใช้ CSS เริ่มต้น |
| 2 | พื้นฐาน โครงสร้าง Flex grid นั้นคล้ายกับโครงกริดลอย |
| 3 | การปรับขนาดขั้นสูง ถ้าคลาสการปรับขนาดไม่รวมอยู่ในคอลัมน์มันจะขยายตัวเองและเติมช่องว่างที่เหลือในคอลัมน์ |
| 4 | การปรับเปลี่ยนที่ตอบสนอง หากไม่ได้กำหนดขนาดที่ชัดเจนของคอลัมน์ในเฟล็กซ์กริดก็จะปรับขนาดคอลัมน์โดยอัตโนมัติ |
| 5 | การจัดแนวคอลัมน์ คอลัมน์ตารางดิ้นสามารถจัดแนวแกนแนวนอนหรือแนวตั้งในแถวหลักได้ |
| 6 | การสั่งซื้อแหล่งที่มา การจัดลำดับแหล่งที่มาช่วยในการจัดเรียงคอลัมน์ใหม่ในหน้าจอขนาดต่างๆ |
| 7 | การอ้างอิง Sass SASS (Syntactically Awesome Stylesheet) เป็นตัวประมวลผลล่วงหน้า CSS ซึ่งช่วยลดการทำซ้ำด้วย CSS และประหยัดเวลา |