- Nhóm công tác CSS đã công bố bản thảo làm việc công khai đầu tiên của CSS Grid Layout Module Level 3, còn được gọi là bố cục CSS Masonry (xếp gạch)
- Bản thảo này xem bố cục xếp gạch là một tính năng tích hợp sẵn của CSS với hai dạng cú pháp khả dĩ: cú pháp tích hợp vào grid và cú pháp độc lập với grid
- Họ hy vọng việc công bố bản thảo này sẽ thúc đẩy thảo luận về những ưu điểm tương đối của hai dạng cú pháp
Quyết định của Nhóm công tác CSS
- Nhóm công tác CSS đã quyết định áp dụng khả năng định cỡ track trộn đầy đủ cho mô hình bố cục này
- Điều này cho phép mọi danh sách track khả dĩ có thể biểu đạt trong CSS Grid Layout cũng được phép dùng trong bố cục xếp gạch
- Điều này hợp nhất mô hình bố cục cơ bản của cả hai đề xuất, vì vậy cả hai dạng cú pháp về bản chất đều thể hiện chức năng tương đương cho bố cục xếp gạch (vẫn còn một số vấn đề chưa được giải quyết liên quan đến sự khác biệt của giá trị khởi tạo)
- Để giải quyết các vấn đề hiệu năng liên quan đến định cỡ track trộn, bản thảo này phác thảo một số tối ưu hiệu năng cụ thể trong mô hình bố cục và áp dụng một số quy tắc kinh nghiệm đơn giản hóa cho subgrid cùng các trường hợp tương tự
2 bình luận
Masonry Layout được giải thích rất rõ trên MDN.
https://developer.mozilla.org/en-US/docs/…
Đội ngũ WebKit cũng đã từng đăng một bài vào tháng 4 để kêu gọi hỗ trợ về vấn đề này.
CSS Grid Level 3, còn gọi là layout "Masonry", lời kêu gọi hỗ trợ để xây dựng
Bài viết đó có kèm hình ảnh giải thích dựa trên ví dụ về layout Masonry, nên hãy tham khảo.