我从这个简单的问题开始，当我在下面写下所有内容时，我找到了解决方案。如果你谷歌“如何使图像居中”，这实际上是一个常见问题。虽然大多数人都知道如何，但也许像我这样的人会遇到我在下面遇到的问题，这会对他们有所帮助。我不想让这个经过深思熟虑的帖子白白浪费!
所以我知道有两种方法可以使图像居中:
1) 对其应用 CSS:display:block; 和 margin:0 auto。
2) 将其包裹在具有特定宽度(图像的宽度)的 div 中并应用 CSS:margin: 0 auto;
我的首选方法是第一种，如果您要有多个图像需要应用此方法，无论它们位于页面的不同部分还是被换出，您都不想拥有指定大小，因为图像大小不同。
但是现在如果我需要一张或多张图片开始隐藏怎么办？更具体地使用 CSS:display:none; 因为它不占用空间。
好的，这是一个 JSFIDDLE使用第一种方法。由于图像现在被赋予 display:block 样式，所以它不再是 display:none。明显地。
我知道我可以简单地从样式表中删除 #wrap，我所有的问题似乎都将得到解决。但我需要调用特定图像，而不是所有图像。
This JSFIDDLE 显示了第二种方法。简单地展示此方法如何不起作用，就好像图像大小不同，它不再居中。
最佳答案
这是我找到的解决方案，我很高兴我终于自己想出了一个解决方案，因为事实证明它非常简单!尽管如此，几个月来我一直被这个问题困扰，从上面的问题中解决方案 2 并让我的图像稍微偏离中心。这是可行的，因为图像的大小并没有那么不同。但后来碰巧他们是，这已经不够好了。我不得不再次着手寻找解决方案。
解决方法很简单!
只需将 margin:0 auto; 应用于您的图像，以便它应用于所有包含的图像。然后，您只需将 display:block: 应用于开始可见的图像，因为当其他图像变得可见时，它们已经应用了 display:block; !
关于jquery - 有人能告诉我将需要开始显示 :none? 的图像居中的技巧吗，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/31036388/