Css3实现瀑布流

阅读 79

2022-08-02

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8"/>

<title>瀑布流编程</title>

<style>

*{margin: 0;padding: 0;}

#main{-webkit-column-width:202px,

-moz-column-width:202px,

-ms-column-width:202px,

-o-column-width:202px}

.box{padding: 15px 0 0 15px;}

.pic{padding: 10px;border: 1px solid #ccc;border-radius: 5px;box-shadow:0 0 5px #ccc;width: 165px;}

.pic img{width: 165px;height: auto;display: block}

</style>

<script src="jquery.js"></script>

<style>



















</style>



</head>

<body>





<div id="main">

<div class="box">

<div class="pic">

<img src="image/0.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/1.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/2.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/3.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/4.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/5.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/6.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/7.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/8.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/9.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/10.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/11.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/12.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/13.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/14.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/15.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/16.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/17.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>

<div class="box">

<div class="pic">

<img src="image/18.jpg">

</div>

</div>






</div>





</body>

</html>

精彩评论(0)

0 0 举报