gpt4 book ai didi

css - Bootstrap 列高度导致事情困惑

转载 作者:行者123 更新时间:2023-11-28 09:04:55 25 4
gpt4 key购买 nike

我有一页产品,其中一些可能有额外的行。不管怎样,我的目标是让每个产品从左到右,从上到下显示在整个页面上。

请看这个例子:http://jsbin.com/lijisa

如果您修改 JSON 数据,使每个产品在 variations 数组中都有两个数字,那么一切都完美地排列在一起。

如何在不实际设置硬高度值的情况下使所有列成为标准高度?

最佳答案

你正在寻找的是所谓的“砌体布局”,有一些库可以让你做这样的事情

萨尔瓦多 http://salvattore.com/

砌体 http://masonry.desandro.com/

我还发现使用 column-width 可以达到同样的效果 http://www.bootply.com/118335

关于css - Bootstrap 列高度导致事情困惑,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26754476/

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