Sofia Emelianova
Công cụ của Chrome cho nhà phát triển giúp gỡ lỗi bố cục lưới CSS mang tính trực quan với nhiều lựa chọn hình ảnh.
Hãy xem video này để tìm hiểu cách bật/tắt lớp phủ lưới trong bảng điều khiển Phần tử và sử dụng lớp này để:
- Trực quan hoá và kiểm tra bố cục lưới.
- Xem số hàng và cột để tham khảo khi đặt mục trong lưới.
- Sử dụng tên đường và tên khu vực cũng như xem chúng trên lớp phủ nếu bạn có nhiều mục trong lưới và con số gây nhầm lẫn.
- Kiểm tra kích thước kênh.
Ngoài ra, với Trình chỉnh sửa lưới trong ngăn Phần tử > Kiểu, bạn có thể căn chỉnh các mục và nội dung trong đó theo bố cục lưới chỉ bằng một lần nhấp vào nút thay vì nhập các quy tắc CSS.
Để có trải nghiệm học tập thực tế hơn, hãy làm theo hướng dẫn Kiểm tra lưới CSS.