微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

一直在使用新版本的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

原文地址:https://www.jb51.cc/jquery/177095.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐