zoukankan html css js c++ java

简单几行代码实现瀑布流

<!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>

简单实现瀑布流

查看全文

相关阅读:
20171121
20171117
20171106
20171031
20171024
20170924
20170721
商品的分类
 会员价格的修改
 会员价格删除

原文地址：https://www.cnblogs.com/wsjaizlp/p/12069328.html