博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于CSS多列实现瀑布流
阅读量:5306 次
发布时间:2019-06-14

本文共 779 字,大约阅读时间需要 2 分钟。

    
瀑布流
      .       .       .

css

*{
padding: 0px; margin: 0px;}.container{
width: 1000px; column-width: 100px; -webkit-columns-width: 100px;/* safari chrome */ /* -ms- ie */ /* -o opera */ -moz-columns-width: 100px;/* firefox */ column-gap: 5px; -webkit-column-gap: 5px; -ms-column-gap: 5px; -o-column-gap: 5px; -moz-column-gap: 5px; margin: 0px auto;}.container div{
width: 100px; border: 1px #000000 solid; margin-top: 5px; text-align: center; word-wrap:break-word;}.container img{
width: 100px; height: auto; display: block;}

 

转载于:https://www.cnblogs.com/xiaobaizhiqian/p/8280475.html

你可能感兴趣的文章