gpt4 book ai didi

responsive-design - 砌体 : remove gutter from last column

转载 作者:行者123 更新时间:2023-12-04 13:32:47 25 4
gpt4 key购买 nike

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

但是,我遇到了一个问题 - 我不确定如何移除 .masonry 容器最右侧的排水沟,以便元素与边缘齐平。

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

我可以设置宽度和 overflow:hidden剪掉最后一个差距,但并不理想。

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

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

最佳答案

@desandro 好心地在推特上发布了解决方案 - 问题在于我的 % 计算应该是:
(container width - (columns * column width)) / number of gutters = gutter width
所以,在我的例子中:(100% - (4 * 24%)) / 3) = 1.33333333333333%
http://codepen.io/desandro/pen/ybluC

关于responsive-design - 砌体 : remove gutter from last column,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17946865/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com