0
点赞
收藏
分享

微信扫一扫

Css3实现瀑布流

流计算Alink 2022-08-02 阅读 79

<!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 条评论