我最近对建立网站感兴趣，而且我仍然缺乏经验，所以如果这很容易回答，我很抱歉。
一位朋友邀请我为她设计一个简单的时装设计组合网站。因此，该网站主要有图像画廊。图像有各种尺寸，而不是手动排序，使其看起来更好，我找到了Masonry插件。我将masonry.pkgd.min.js实现到我的代码中（通过HTML初始化）并遇到两个问题：
可能让问题2完全没有问题的主要问题......它在IE和Firefox中看起来很好，但是Chrome中的图像重叠并且看起来很糟糕。我清理了几次缓存并尝试实现imagesLoaded插件，它什么也没做。我是Javascript的新手，因此必须依赖复制/粘贴这种插件，而其他人可能能够深入研究并调整它，但同时我没有遇到标签内容的问题，这样做在两个浏览器中工作。知道为什么它在Chrome中不起作用以及我可以做些什么来解决它？
在插件之后，我似乎无法控制图库列中的图像列自动居中，并且它们本质上是左对齐的。我或多或少地通过手动设置一个左边的边距来解决这个问题，将一切放在正确的位置，但是想知道是否有更好的解决方案。
如果我需要包含屏幕截图或特定代码，请与我们联系。
答案 0 :(得分：2)
问题一：
尝试添加imagesLoaded。如果您不将砖与砖石一起使用，Chrome尤其会出现问题。我建议先在第三个框中尝试解决方案，这是最容易和最快的加载。如果你有一个代码，这个代码将放在你的.js文件中;如果你没有，你的代码将放在你的脚本标签中。
如果＆＃34;为什么＆＃34;您感兴趣，因为您的容器在您的照片之前加载并且不知道它们应该有多高。
问题二：
你正确地选择了这个。您无法将整个砌体容器本身居中（您可以靠近，但在某些浏览器宽度处，右侧会有一个小水槽），但您可以通过添加像您一样的边距将图像置于其容器中心或使用：
position: relative;
margin-right: auto;
margin-left: auto;