javascript - CSS/JS : Align tiles left and top

标签 javascript html css

我的缩略图总是相同的图像宽度,并且可能有不同的图像高度。

现在,我想将它们全部对齐,以便在我的缩略图/tile-overview 中没有“间隙”。我现在只是让他们漂浮。但这给出了下面的结果。

难道没有可用的 JS 库吗? (= 对齐宽度相同,高度不同,没有任何间隙的瓷砖?)

Float images

最佳答案

您正在寻找的是一个名为 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/

相关文章:

java - 如何从 HTML/Java 运行 R 并在 Jboss/tomcat 服务器上托管

javascript - 如何在图像悬停时影响上一张和下一张图像

html - 如何使 css 表格响应?

javascript - 为什么广告拦截器会阻止 Blob?

javascript - Mocha如何将 Node Controller 功能公开给测试脚本

javascript - React - 在没有引用的情况下点击获取div的文本

css - 如何删除 div 内容和边框之间的空间?

javascript - JavaScript 中两个日期之间的差异

html - anchor float 在 ul 的右边

php - php 脚本的 html 中的多行文本框