<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js实现瀑布流</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
}
*{
margin:0px;
padding:0px;
}
#container{
width:900px;
height:auto;
margin:30px auto 0 auto;
position:relative;
}
.box{
padding:5px;
float:left;
margin-bottom:5px;
}
.box_img{
padding:5px;
border:1px solid #ccc;
box-shadow:0 0 5px #ccc;
border-radius:5px;
}
.box_img img{
width:155px;
height:auto;
}
</style>
</head>
<body>
<div id="container">
<div class="box">
<div class="box_img">
<img src="img/8.jpg"/>
</div>
</div>
<div class="box">
<div class="box_img">
<img src="img/9.
js实现图片瀑布流布局
最新推荐文章于 2023-12-26 14:59:48 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)