同位素3列布局

时间:2018-07-21 18:31:04

标签: jquery masonry isotope

我已经尝试了一些解决方案,但似乎无法完成这项工作。我正在尝试使用以下代码用同位素创建3列布局:

$(function() {
    $('.feed').isotope({
        itemSelector : '.card',
        layoutMode: 'masonry',
        masonry: {
            columnWidth: 200
        }
    });
})

以下CSS:

.feed .card
{
  border-radius:4px;
  margin: 5px;
  float:left;
  width:33.3%;
}

但是它似乎没有用,它会将项目放入列中,但不能将它们均匀地分成3列以充分利用父容器的宽度吗?

0 个答案:

没有答案