【外评】请帮助我们实现 CSS grid 布局 Level 3，又称“砖石 Masonry”布局
💡
原文中文，约9900字，阅读约需24分钟。
📝
内容提要
CSS网格第3级，也称为“砌体”布局，允许创建类似砖块或瀑布的堆叠网格布局。它为不同内容的纵横比和自然内容分布提供了灵活性。本文探讨了将砌体与CSS网格结合的好处和潜力，以及其整合的持续争论。鼓励网页设计师和开发人员参与讨论并分享他们的意见和想法。
🎯
关键要点
- CSS网格第3级被称为“砌体”布局，允许创建类似砖块或瀑布的堆叠网格布局。
- 砌体布局允许不同长宽比的内容，避免裁剪或截断内容。
- Mozilla在2020年首次提出CSS中的“砌体布局”机制，作为CSS网格的扩展。
- 苹果在2022年开始在Safari技术预览版中实施CSS网格第3级。
- 关于砌体布局是否应成为CSS网格的一部分存在争议。
- CSS网格提供了多种选项来定义网格列，允许创造性地创建动态布局。
- 通过CSS网格的功能，可以创建灵活的列和不同大小的列。
- CSS网格允许内容跨列显示，增强布局的灵活性。
- 讨论中提到砌体布局是否应作为独立的display类型，或应与CSS网格结合。
- CSS网格的使用可以追溯到几千年前，现代设计强调双向排列内容。
- 希望网页设计师和开发人员参与讨论，分享对砌体布局的看法和使用案例。
❓
延伸问答
什么是CSS网格第3级布局？
CSS网格第3级布局，也称为“砌体”布局，允许创建类似砖块或瀑布的堆叠网格布局，支持不同长宽比的内容。
砌体布局的优势是什么？
砌体布局允许不同长宽比的内容，避免裁剪或截断，符合自然阅读顺序，并能在底部懒加载内容。
Mozilla和苹果在砌体布局方面做了什么？
Mozilla在2020年首次提出CSS中的砌体布局机制，苹果在2022年开始在Safari技术预览版中实施CSS网格第3级。
CSS网格如何支持砌体布局？
CSS网格通过定义网格列和使用grid-template-rows: masonry来实现砌体布局，允许内容灵活排列。
关于砌体布局的争议是什么？
关于砌体布局是否应成为CSS网格的一部分存在争议，有人认为它应作为独立的display类型，而另一些人则支持将其纳入CSS网格。
网页设计师如何参与砌体布局的讨论？
网页设计师和开发人员被鼓励参与讨论，分享他们对砌体布局的看法和使用案例，以推动这一网络标准的发展。
➡️
