不同的定位列css

Question

有一些插件可以制作pintrest样式列，它们基本上计算在哪里放置具有每个元素的唯一绝对定位的div。我的设计更简单，我认为应该有一个css3解决方案......

你可以把所有其他列推下来像20px吗？设计是响应性的，因此取决于浏览器的大小将取决于有多少列，所以我不想只想包装div中的每一列并将其向下移动...

http://jsfiddle.net/3eVHU/1/

$('.container div').each(function() {
        if($(this).prev().length > 0) {
            if($(this).position().top != $(this).prev().position().top) return false;
            listInRow++;
        }
        else {
            listInRow++;   
        }
    });

所以在我的小提琴中，我需要一种方法来计算第一行中div的数量，并将每个其他元素/行向下放置一点，就像下面的图片一样

有没有办法简单地做到这一点，还是我还需要使用像砖石或其他pintrest风格再现库这样的东西？

Answer 1

http://css-tricks.com/seamless-responsive-photo-grid/

BOOYA！不能说我有多兴奋找到这个。我的计算脚本不会找到我需要的第一行上的元素数量，但它们都可以在没有任何JS的情况下至少定位元素！