<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>waterfall</title>
</head>
<style type="text/css">
body{
background-color: #dedede;
margin: 0;
padding: 0;
}
.waterfall_container{
width: 60%;
height: 500px;
margin: 0 auto;
/* 弹性布局 */
display: flex;
/* 方向:横向 */
flex-direction: row;
}
.waterfall_container .item{
/*弹性项的占比*/
flex: 1;
margin: 17px;
}
.waterfall_container .item img{
width: 100%;
border: 10px
js瀑布流代码
最新推荐文章于 2023-11-25 13:32:48 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)