html - 无法居中图像

Question

我一直在 stackoverflow 和其他一些站点上阅读有关居中图像的各种帖子。我在各种网站上找到了这段代码，它似乎是一个通用指南:

img  {
display: block;
margin-left: auto;
margin-right: auto;
     }

我正在尝试使图像居中。我无法用这段代码将它居中。我可以使用 text-align: center 让它移动，但阅读这并不是最好的方法。我做了一个jsfiddle。如果有人不介意帮助我，我将不胜感激。通过添加随机宽度值，我也能够使图像移动。我认为这不是正确的方法，因为我正在观察它是否居中。

抱歉，我无法显示实际图像，但 img Logo 作为占位符存在:jsFiddle

Answer 1

您的代码应该可以正常工作。您可能还没有向我们展示更多内容。不过，这是两种方法的演示。

基本上，如果 img 是 display: block; 你可以使用 margin: 0 auto。

如果它是 display: inline(img 标签的默认设置)，父元素将需要 text-align: center;。

这里有一些代码可以总结:http://jsbin.com/upuzav/1/edit