砌体:从最后一栏中移除排水沟

Question

一直在使用新版本的Masonry,它似乎工作得更顺畅,特别是对于我正在做的流畅/响应式构建.

然而,我遇到的一个问题是 - 我不知道如何移除.masonry容器最右侧的装订线,以便物品与边缘齐平.

这是codepen示例:http://codepen.io/iamkeir/pen/xlcBj

我可能会设置一个宽度并overflow:hidden裁掉最后一个差距,但并不理想.

同样,我尝试添加一个,padding-left: 1%但这会改变容器的宽度,因此百分比不再准确.

任何想法/提示将不胜感激!

Answer 1

@desandro亲切地在Twitter上发布了解决方案 - 问题在于我的%计算应该是:

(container width - (columns * column width)) / number of gutters = gutter width

所以,在我的例子中: (100% - (4 * 24%)) / 3) = 1.33333333333333%

http://codepen.io/desandro/pen/ybluC

Answer 2

您可以尝试使用 wookmark 或 packery 来删除右侧的装订线。