Articles on Smashing Magazine — For Web Designers And Developers
·
CSS中的砖石布局：Grid应该进化还是为新模块让路？
内容提要
CSS中的砖石布局有三种提案：扩展CSS Grid、独立模块和Apple的“Item Flow”。虽然CSS Grid有实验性砖石值，但浏览器支持有限，开发者通常使用JavaScript库。新提案“Item Flow”旨在整合三者优点，简化布局。最终选择需在简洁性、性能与灵活性之间取得平衡。
关键要点
-
CSS中的砖石布局有三种提案：扩展CSS Grid、独立模块和Apple的“Item Flow”。
-
CSS Grid的砖石值实验性存在，但浏览器支持有限，开发者通常使用JavaScript库。
-
新提案“Item Flow”旨在整合三者优点，简化布局。
-
CSS缺乏原生砖石支持，开发者需使用hack或JavaScript库。
-
扩展CSS Grid的提案允许使用grid-template-rows: masonry，但仍存在局限性。
-
独立的砖石模块提案提供了更灵活的布局方式，但需要从零开始。
-
Item Flow将Flexbox、Grid和砖石的概念合并为一个统一的布局系统。
-
每种方案都有其优缺点，需在简洁性、性能与灵活性之间取得平衡。
-
最终选择取决于浏览器的支持和社区的反馈。
延伸问答
CSS中的砖石布局有哪些提案？
CSS中的砖石布局有三种提案：扩展CSS Grid、独立模块和Apple的“Item Flow”。
为什么开发者通常使用JavaScript库而不是CSS Grid来实现砖石布局？
因为CSS Grid的砖石值实验性存在，浏览器支持有限，开发者常常需要使用JavaScript库来实现砖石布局。
Item Flow提案的主要优势是什么？
Item Flow提案旨在整合Flexbox、Grid和砖石的优点，简化布局，提供一个统一的布局系统。
扩展CSS Grid的提案有哪些局限性？
扩展CSS Grid的提案存在局限性，如可能导致复杂的布局和浏览器兼容性问题，且仍处于实验阶段。
独立的砖石模块提案有什么特点？
独立的砖石模块提案提供了更灵活的布局方式，但需要从零开始，可能导致开发者的选择困惑。
在选择砖石布局方案时需要考虑哪些因素？
选择砖石布局方案时需考虑简洁性、性能与灵活性之间的平衡，以及浏览器的支持和社区的反馈。
