html - 在页脚小部件中居中图像

Question

我正在尝试将位于页脚小部件中的图像居中。我已经阅读了此处提供的几种解决方案，但不确定我是否正确设置了代码

我的 CSS

#footer img.center {
display: block;
margin-left: auto;
margin-right: auto;

我的 HTML

<img class="display" src="....">

Answer 1

您必须在您的 html 代码中添加“中心”类:

<div id="footer">
   <img class="display center" src="....">
</div>

其他一切正常。并且边距“自动”属性在没有宽度的情况下不起作用。所以也许你可以在你的 css 代码中添加图像的宽度。