Item Flow, Part 1: A new unified concept for layout
a year ago
- #Web Development
- #CSS
- #Layout
- CSS Grid和Flexbox缺乏对瀑布流布局的原生支持,目前需要依赖JavaScript实现
- Mozilla提出将瀑布流布局纳入CSS标准,引发讨论并被WebKit团队在Safari中实现
- 新兴的'Item Flow'统一布局概念正在形成,融合了Grid、Flexbox和瀑布流布局的特性
- Item Flow引入了'item-direction'、'item-wrap'、'item-pack'和'item-slack'等新属性
- Flexbox可能获得密集填充和平衡换行功能,而Grid可能支持禁止换行
- 在新体系中可通过'item-pack: collapse'触发瀑布流布局效果
- 该提案旨在统一布局属性体系,为开发者提供更强大的布局能力
- 设计团队正在征求关于Item Flow发展方向和改进建议的反馈