jquery - 如何将同位素容器内的元素居中？

Question

我有一个宽度不固定的同位素网格，但我不知道如何将同位素容器内的元素居中。

.box{
width: 40px;
height: 40px;
background-color: #e74c3c;
margin: 0 auto;
}

css 无法使元素居中。 here是说明我的问题的 fiddle 的链接。

如何让黑框内的红色方 block 居中？

Answer 1

最简单的方法是使用砌体:

jsFiddle

var $container = $('#container');
// init
$container.isotope({
// options
itemSelector: '.box',
masonry: {
columnWidth: 40,
isFitWidth: true
}
});