响应式设计 – 砌体:从最后一栏中删除排水沟

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

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

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

我可以设置一个宽度和溢出:隐藏以裁掉最后一个间隙,但不理想.

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

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

解决方法

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

(容器宽度 – (列*列宽))/排水沟数=排水沟宽度

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

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

相关文章

jQuery表单验证提交:前台验证一(图文+视频)
jQuery表单验证提交:前台验证二(图文+视频)
jQuery如何实时监听获取input输入框的值
JQuery怎么判断元素是否存在
jQuery如何实现定时重定向
jquery如何获取复选框选中的值