html - 水平居中 div 中的图像

Question

这个问题在这里已经有了答案:

Center image using text-align center? (27 个回答)

关闭 6年前。

我在一个 div (class="top_image") 中有一个 img，我希望这张图片正好在 div 的中间，但我没有尝试过...

感谢您的帮助!

Answer 1

此处发布的每个解决方案都假定您知道 img 的尺寸，这不是常见的情况。此外，种植尺寸进入解决方案是痛苦的。

简单设置:

/* for the img inside your div */
display: block;
margin-left: auto;
margin-right: auto;

或

/* for the img inside your div */
display: block;
margin: 0 auto;

就是这样。

请注意，您还必须为外部 div 设置初始 min-width。