我的缩略图总是相同的图像宽度,并且可能有不同的图像高度。
现在,我想将它们全部对齐,以便在我的缩略图/tile-overview 中没有“间隙”。我现在只是让他们漂浮。但这给出了下面的结果。
难道没有可用的 JS 库吗? (= 对齐宽度相同,高度不同,没有任何间隙的瓷砖?)
最佳答案
您正在寻找的是一个名为 Masonry 的 jQuery 插件。不过,它以让人头疼而闻名。根据您应用程序的规模,我会使用 CSS3 或 flex-box 替代方案。
jQuery 砌体 - http://masonry.desandro.com/
CSS3 砌体 - http://w3bits.com/css-masonry/
Flex-Box 砌体 - http://thenewcode.com/844/Easy-Masonry-Layout-With-Flexbox
希望这些链接有所帮助。 :)
关于javascript - CSS/JS : Align tiles left and top,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34840568/