我已经尝试了一些解决方案,但似乎无法完成这项工作。我正在尝试使用以下代码用同位素创建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列以充分利用父容器的宽度吗?