javascript - 单击时变大的小图 block

标签 javascript jquery html css

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 7 年前

我想创建一个带有几个小图 block 的网页,这些小图 block 在点击时会放大(并显示更多/不同的内容,但这不是这个问题的一部分)。

这是我现在拥有的:http://puu.sh/nX929.png
当我点击第一个图 block 时,它看起来就像我想要的那样:http://puu.sh/nX9l9.png
但是当我单击第二个图 block 时,它看起来像这样:http://puu.sh/nX95G.png (左边的空隙)
那不是我想要的,我想让其他(小)瓷砖漂浮在它周围。填补空白。
可以在此处找到源代码(+ 实时示例)(但我不介意以完全不同的方式进行):https://www.crescendosassenheim.nl/Hugo/Training/

我什至不知道要谷歌什么,因为我完全不知道我可以使用什么样的技术来实现我想要的。有什么建议吗?

最佳答案

http://masonry.desandro.com/methods.html看看这个我相信这会对你有所帮助,你想要的甚至会显示在我链接的页面底部。 在您的计算机中下载砌体链接并按照其网站上的小指南进行操作。

关于javascript - 单击时变大的小图 block ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36267916/

上一篇:javascript - 下拉文本输入选项

下一篇:javascript - Highcharts 在隐藏时向图例文本添加直通线(itemHiddenStyle)

相关文章:

javascript - 如果只有一个 div 有类,则发生事件

javascript - 如何使用jquery获取输入文件的值

JavaScript 不会触发 CSS 转换

jquery - 使用 Ajax 和 beforeSend 显示图像

javascript - 如何在 angular js 中编写一个简单的 ng-show 指令

javascript - 获取 jQuery 中的顶部元素

javascript - 如何在 JavaScript 上创建 div 并设置样式

javascript - Bootstrap 折叠导航栏不展开

javascript - JQuery .toggle ('Slide' ) 没有显示我的内容

javascript - 计算选中复选框的文本输入的值