Jecelyn Yeen
Sofia Emelianova
คู่มือนี้จะแสดงวิธีค้นหาตารางกริด CSS ในหน้าเว็บ ตรวจสอบ และแก้ไขข้อบกพร่องของเลย์เอาต์ในแผงองค์ประกอบของเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome
ตัวอย่างที่แสดงในภาพหน้าจอที่ปรากฏในบทความนี้มาจากหน้าเว็บ 2 หน้า ได้แก่ Fruit box และ Snack box
ดูตาราง CSS
เมื่อองค์ประกอบ HTML ในหน้าเว็บมีการใช้ display: grid หรือ display: inline-grid คุณจะเห็นป้าย grid ข้างองค์ประกอบนั้นในแผงองค์ประกอบ