各位观众老爷，大家好！我是今天的主讲人，专门来跟大家聊聊这个听起来很高大上，实际上也挺有意思的玩意儿——CSS Masonry Layout。 咱们今天要聊的，可不是那些 JavaScript 瀑布流插件，而是指望有一天能直接用 CSS 实现的，原汁原味的瀑布流布局。别急着觉得遥远，这个提案已经在路上了，虽然还没到家，但至少已经在高速公路上了。 咱们先来唠唠嗑，说说为啥需要 Masonry Layout。 瀑布流的痛点：JavaScript 的无奈 瀑布流布局，也叫 Pinterest Layout，长得就像瀑布一样，高矮不一的元素像瀑布一样倾泻而下，看起来错落有致，非常适合图片展示、商品列表这类场景。 但是，现在要实现瀑布流，主流方案还是得靠 JavaScript。你要计算每列的高度，动态调整元素的位置，还要处理浏览器兼容性，性能优化……想想都头大。 用 JavaScript 实现的瀑布流，最大的问题就是性能。每次窗口大小改变，或者内容加载完毕，都要重新计算布局，这会造成页面的卡顿，用户体验很差。而且，JavaScript 的计算逻辑往往比较复杂，容易出错，调试起来也麻烦。 所以，大 …