简单几行代码实现瀑布流

<!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>
简单实现瀑布流