0

以这些为例：

http://www.truedigital.co.uk
http://www.tinsels.fr
http://www.pinterest.com

在那里我看到每个帖子的一列框都整齐地定位，我尝试使用多种方式来做到这一点，但我制作的每个框列都不能与网站上的完全一样。

看起来他们使每个字段框都使用自动值和在每个框上使用绝对定位来制作 css left 和 top。使用 javascript / jquery 的可能性，是否有一个 javascript 的例子，比如他们用来使 css left 和 top auto 的值像网站上一样？

4

3 回答 3

1

无需重新发明轮子。

您正在寻找砌体插件。

于 2013-03-27T18:30:53.923 回答
0

这似乎是他们正在使用的：jQuery Isotope。希望这可以帮助。

于 2013-03-27T18:11:57.167 回答
0

类似的东西：

i = 0;
columnwidth = 300;
$('.box').each(function(){
    i++;
    if ( i > 4 ){
        i = 1;
    }
    $(this).addClass('column-' + i);
    $(this).css('left', (i-1) * columnwidth + 'px');

    columnheight = 0;
    $('column-' + i).each(function(){
        columnheight += $(this).css('height');
    }

    $(this).css('height', columnheight + 'px');
});

看这里：

这是我离开办公室时匆匆忙忙的，它可能行不通。这应该让您了解您必须做什么才能达到您想要的效果。

于 2013-03-27T18:25:25.783 回答