【外评】请帮助我们实现 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网格的使用可以追溯到几千年前,现代设计强调双向排列内容。
- 希望网页设计师和开发人员参与讨论,分享对砌体布局的看法和使用案例。
➡️