มูลนิธิ - 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 และประหยัดเวลา