这个新推出的 CSS Grid Lanes 很赞啊，几个属性直接就可以实现 masonry （瀑布流）布局，在Pinterest 推出的时候，这个布局超级火，我记得之前要用 Masonry.js 来实现。 曾经需要 js 来实现的布局，现在越来越多可以直接使用 CSS 实现了。 .container { display: grid-lanes; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }

If you encounter styling issues, like tables in dark mode rendering their fonts in black, the browser might uses quirks mode by accident.

All of the shadcn/ui magic, none of the React

全新第二版《CSS in Depth》翻译专栏。旨在自学 CSS 最新语言特性的同时增强自身的英语阅读与翻译水平。所有翻译内容均为原创，欢迎转载交流，转载请注明出处。

发现一个超级棒的开源项目，Preline UI，可以说是TailwindUI 的绝对平替！ 595 个组件，200 个示例，5个现成的Template，配套的Figma 设计系统，支持 VUE 和 React TailwindUI 的价格让很多开发者望而却步，Preline UI 几乎是完全对标前者，某些方面似乎更强大，关键是开源、免费