Javascript 砖石插件在铬合金中不起作用

Javascript 砖石插件在铬合金中不起作用,javascript,html,css,google-chrome,jquery-masonry,Javascript,Html,Css,Google Chrome,Jquery Masonry,我最近对建立网站很感兴趣,但仍然非常缺乏经验,因此,如果这个问题很容易得到回答,我深表歉意 一位朋友请我为她建立一个简单的时装设计组合网站。因此,该网站主要有图像库。这些图片有不同的大小,我发现了这个插件,而不是手动排序来让它看起来更好。我在代码中实现了massy.pkgd.min.js(通过HTML初始化),并遇到了两个问题: 可能使问题2完全没有意义的主要问题是……它在IE和Firefox中看起来不错,但在Chrome中图像重叠,看起来很可怕。我清除了缓存好几次,并尝试实现imagesLoa

我最近对建立网站很感兴趣,但仍然非常缺乏经验,因此,如果这个问题很容易得到回答,我深表歉意

一位朋友请我为她建立一个简单的时装设计组合网站。因此,该网站主要有图像库。这些图片有不同的大小,我发现了这个插件,而不是手动排序来让它看起来更好。我在代码中实现了massy.pkgd.min.js(通过HTML初始化),并遇到了两个问题:

  • 可能使问题2完全没有意义的主要问题是……它在IE和Firefox中看起来不错,但在Chrome中图像重叠,看起来很可怕。我清除了缓存好几次,并尝试实现imagesLoaded插件,但完全没有效果。我对Javascript非常陌生,因此必须依赖于复制/粘贴这种插件,而其他人可能能够深入研究和调整它,但同时我在获取选项卡式内容方面没有问题,这在两种浏览器中都可以工作。你知道为什么它在Chrome中不起作用吗?我能做些什么来修复它

  • 在插件之后,我似乎无法控制画廊/容器中的图像列是否自动居中,它们自然是左对齐的。我或多或少地通过手动设置一个左边距来解决这个问题,将所有内容放在正确的位置,但我想知道是否有更好的解决方案


  • 如果我需要包括屏幕截图或特定代码,请告诉我。

    第一期:

    尝试添加。如果不将Chrome与砖石一起使用,它尤其会出现问题。我建议先在第三个框中尝试解决方案,这是最简单、最快的加载方式。如果您有.js文件,则该代码将放在其中;如果您没有,则该代码将放在脚本标记中

    如果“为什么”让你感兴趣的话,那是因为你的容器在你的照片之前装载,并且不知道它们应该有多高

    第二期:

    你说得对。您不能使整个砌体容器本身居中(您可以靠近,但在某些浏览器宽度下,右侧将有一个小槽),但您可以通过添加边距(如您所做的)或使用以下方法使图像在其容器内居中:

    position: relative;
    margin-right: auto;
    margin-left: auto;
    

    工作得很好。Chrome没有正确加载图像真让我恼火。