Question

我有栅格尺寸的砖石和50％的div。我也放了一个“10”的阴沟，但它似乎没有相应地平衡盒子。

红色框未与整个容器对齐。 .w2红色框的宽度为％49，以显示装订线（边距）。如果我将它设为50％，则div将对齐，但是阴沟将不会与其他阴沟相同。

如何使用grid-sizer和10的装订线完美地对齐div？

这是我的代码：

var $container = $('#container');
$container.isotope({
masonry: {
columnWidth: '.grid-sizer',
       gutter: 10
},
itemSelector: '.item'
});

Answer 1

您使用的装订线尺寸不是动态的。应在css中声明装订线尺寸。

更新代码：

var $container = $('#container');
// init
$container.isotope({
// options
masonry: {
  columnWidth: '.grid-sizer',
  gutter: '.gutter-sizer'
},
itemSelector: '.item'
});

CSS：

.gutter-sizer { width: 1%; }

<强> Updated Fiddle here

Masonry Grid-sizer，排水沟在50％尺寸上没有正确对齐

1 个答案: