css瀑布流布局用的js还是css3？
使用的是css3，具体利用css3的多列属性，通过它相关的属性column-count、column-gap配合break-inside来实现瀑布流布局。
具体实现如下：（推荐学习：CSS视频教程）
<div class="masonry">
<div class="item">
<div class="item_content">
<img src="b.webp" width="100quot;>
</div>
</div>
<!--
*****省略*****
-->
<div class="item">
<div class="item_content">
<img src="ajpg" width="100quot;>
</div>
</div>
</div>*{margin: 0; padding: 0}
.masonry{
column-count: 4; /* 需要分割的列数 */
column-gap:10px; /* 指定了列与列间的间隙 */
-webkit-column-rule: 1px solid lightblue; /* Chrome, Safari, Opera */
-moz-column-rule: 1px solid lightblue; /* Firefox */
column-rule: 1px solid lightblue;
}
.item{
break-inside: avoid; /*元素内部避免进行分页的分页行为*/
-moz-page-break-inside: avoid;
-webkit-column-break-inside: avoid;
box-sizing: border-box;
}更多CSS3相关技术文章，请访问CSS3答疑栏目进行学习！
以上就是css瀑布流布局用的js还是css3？的详细内容，更多请关注易知道|edz.cc其它相关文章！
