美文网首页
css3瀑布流布局

css3瀑布流布局

作者: 嵩鼠 | 来源:发表于2020-05-14 18:11 被阅读0次
    
    .father{
      column-count:2;//将列表显示为2列
    }
    
    .son{
      break-inside:avoid;//避免在元素内部断行并产生新列
    }
    
    <div class="father">
        <div class="son"></div>
            <div class="son"></div>
           <div class="son"></div>
           <div class="son"></div> 
            <div class="son"></div>
           <div class="son"></div>
    </div>
    
    //如果出现 不对齐 查看是否设置了margin 改为padding即可
    

    相关文章

      网友评论

          本文标题:css3瀑布流布局

          本文链接:https://www.haomeiwen.com/subject/cqrxohtx.html