摘要:其实现在瀑布流的应用很是广泛,没有什么指示体验不错,这里我们就使用最简单的来使用。
主要的就两个,一个是控制父类,一个控制包裹住图片的类
<!DOCTYPE html><html><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: 6px; margin-bottom: 6px; background: #ffffff; }</style><body> <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>如果你想看下效果图请参考详细版: https://suxiexingchen.github.io/2019/12/27/32/














