两行css 实现瀑布流
html
<ul >
<li><a href="" ><img src="05094532gc6w.jpg" alt="111" /><p>传奇</p></a></li>
<li><a href="" ><img src="05094532gc6w.jpg" alt="111" /><p>传奇</p></a></li>
<li><a href="" ><img src="05094532gc6w.jpg" alt="111" /><p>传奇</p></a></li>
<li><a href="" ><img src="05094532gc6w.jpg" alt="111" /><p>传奇</p></a></li>
<li><a href="" ><img src="05094532gc6w.jpg" alt="111" /><p>传奇</p></a></li>
<li><a href="" ><img src="05094532gc6w.jpg" alt="111" /><p>传奇</p></a></li>
<li><a href="" ><img src="05094532gc6w.jpg" alt="111" /><p>传奇</p></a></li>
</ul>css
ul{ width: 100%;columns: 5;column-gap: 10px;}
ul>li{break-inside: avoid;margin-bottom: 10px; }效果：
原文地址：https://blog.csdn.net/sinat_38992528/article/details/139750523
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！