是否有可能让下图中的元素以某种方式更紧密地组合在一起?最好使用 css,但如果不可能,也欢迎使用 javascript 解决方案。
我希望所有元素尽可能紧密地包装在一起,以尽量减少它们占用的空间。这些元素当前跨度为display:inline-block
. 我曾尝试使用 float:left 等更改为阻塞,但我总是以低效的元素行结束。这是预期的方式,我只是说在这种情况下我不希望它那样:P
有没有聪明的头脑可以在这里帮助我?
是否有可能让下图中的元素以某种方式更紧密地组合在一起?最好使用 css,但如果不可能,也欢迎使用 javascript 解决方案。
我希望所有元素尽可能紧密地包装在一起,以尽量减少它们占用的空间。这些元素当前跨度为display:inline-block
. 我曾尝试使用 float:left 等更改为阻塞,但我总是以低效的元素行结束。这是预期的方式,我只是说在这种情况下我不希望它那样:P
有没有聪明的头脑可以在这里帮助我?
如果您正在寻找更复杂的解决方案,请查看 jQuerymasonry
插件。链接在这里:jQuery masonry 插件
Freetile 完美而简单 :) https://github.com/yconst/Freetile