IT之家 12 月 28 日讯息，WebKit 浏览器引擎上周（12 月 19 日）更新树立文档，提议 CSS Grid Lanes 想法，旨在将瀑布流（Waterfall）排版放入浏览器原生 CSS 中。

官方文档中走漏，CSS Grid Lanes 有蓄意基于 Mozilla 与 WebKit 的早期使命，同期也历程 CSS 树立组与各大浏览器厂商的多轮商榷，现在已变成较为明确的树立面貌。同期文档将 grid-lanes 和 inline-grid-lanes 纳入 display 属性，界说 Grid Lanes 的布局模子及关联活动。

官方强调，CSS Grid Lanes 在可用性及无拦阻方面改良权贵，传统瀑布流网页存在视觉规章与键盘操作规章不一致的问题，举例当用户使用 Tab 键挪动页面焦点时，一启动可能会挪动到第一列的底部，然后身手跳回第二列的顶部，导致阅读和操作体验割裂。

为了幸免出现这种问题，WebKit 引入了 item-tolerance 想法，可在保留瀑布流网页高密度视觉放胆的同期，让用户能更当然地通过键盘操作网页，减少往时为测量履行高度、狡计位置而不得不使用 JavaScript 介入布局的情况。

此外，W3C 协会还商榷了新特色的兼容性、左迁问题，文档实例中提到，树立者不错先声明 display: grid 再声明 display: grid-lanes，使不辅助 Grid Lanes 的浏览器忽略特色，仍以宽泛 Grid 布局呈现，仅仅可能在垂直方进取产生更多闲隙，放胆还算不错采纳。

不外 Grid Lanes 现在还处于测试阶段，同期关联轮番已在苹果 Safari 时刻预览版（Safari Technology Preview） 234 浏览器中上线。

IT之家附 WebKit 官方文档地址如下：

https://webkit.org/blog/17660/introducing-css-grid-lanes/开云「中国」集团Kaiyun·官方网站开云体育