<!DOCTYPE html> <html> <!-- author : wsj aim : bky date : 2019-12 bug : no --> <body> <style> .father{ width: 100%; box-sizing: border-box; column-count: 2; column-gap:15rpx; padding: 0 20rpx; } .list{ box-sizing: border-box; overflow: hidden; break-inside: avoid; border: 1px solid #efefef; border-radius: 5rpx; margin-bottom: 15rpx; background: #ffffff; } </style> <div class="father"> <div class="list"></div> <div class="list"></div> <div class="list"></div> <div class="list"></div> <div class="list"></div> <div class="list"></div> </div> </body> </html>
简单实现瀑布流