0

示例:http: //jsfiddle.net/BpYZn/

这是我想要得到的: http ://www.akinyapin.com/

根据浏览器大小,div 从每行 3 个重新排列为每行 5 个(也许更多,我的屏幕是 1366 × 768,无法检查)。

我试着让 div 元素与 float 属性对齐。它部分工作,它们根据浏览器大小缩小到每行 3 个,但它们不会“粘”在一起。不同行中的 div 之间有很大的差距。

第二个网站使用“位置:绝对”。有没有人可能知道的那种事情的脚本?

这是div的css

.box1{
padding:7px;
position:relative;
margin:1px;
background-color:white;
width:230px;
min-height:200px;
float:left;
-webkit-border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
4

1 回答 1

2

该网站使用了一个名为Masonry的 javascript 插件,它正在做堆叠 div 的魔法。我看不到这种效果是用纯 CSS 实现的。

于 2012-11-02T19:00:13.877 回答