程序博客网 > sd卡受损数据恢复

css3 加载瀑布流 column-coun属性

来源：互联网发布：sd卡受损数据恢复编辑：程序博客网时间：2024/05/16 17:02

<html>
<head>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="../lib/jquery/jquery-1.11.1.min.js"></script>

<title></title>

</head>
<style>
* {
padding: 0;
margin: 0;
}
#main {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-moz-column-gap:20px;
-webkit-column-gap:20px;
column-gap:20px;
padding: 10px;
}
.box {
padding: 15px;
border: solid 2px #eeeeee;
border-radius: 4px;
margin-bottom: 15px;
cursor: pointer;
}
.box img {
width: 100%;
}
</style>
<body>
<div id="main">
<div class="box">
<div class="pic">
<img src="meinv.png">
</div>
</div>
<div class="box">
<div class="pic">
<img src="meinv.png">
</div>
</div>

<div class="box">
<div class="pic">
<img src="meinv.png">
</div>
</div>

</div>
</body>
<script type="text/javascript">
var width = 300, height = 300;
$('.box img').each(function(){
// 随机图片的高宽，如果大小一样，就没必要用瀑布流了
width = Math.floor(Math.random() * 100) + 300;
height = Math.floor(Math.random() * 500) + 300;
$(this).attr('src', 'http://placekitten.com/'+ height +'/' + width);
});
</script>
</html>

阅读全文

0 0

sd卡受损数据恢复

sd卡受损数据恢复

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子广东电缆沟盖板铸铁沟盖板规格水泥沟盖板模具水渠沟盖板模具铁路沟盖板模具公路沟盖板模具厨房地沟盖板复合地沟盖板水沟盖板多少钱一块地沟盖板图片有机复合电缆沟盖板沟的组词沟字组词沟的组词是什么沟怎么组词沟的组词有那些沟的组词有什么沟通定义沟通的名言父母与孩子的沟通有效沟通的培训家庭沟通的重要性有效的沟通技巧魅力男人的恋爱沟通术沟通的心得体会与客户沟通的技巧人际沟通的重要性人际沟通的感悟医患沟通的5个基本原则怎样和孩子沟通的效果好高效的沟通技巧医患沟通的基本原则家长与孩子沟通的内容运维方与股东沟通的途径是如何提高自己的沟通能力下课被同桌带到没人的地方做同桌下课把我拉到没人的地方加耶戈下课吧我们班男生下课轮流下课我们班男生下课轮流作文