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

前端之家收集整理的这篇文章主要介绍了响应式设计 – 砌体:从最后一栏中删除排水沟前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
一直在使用新版本的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相关文章