html - 居中图像

Question

所以这可能是一个简单的答案，但我的图像应该位于页面中间，稍微偏离了，这让我很恼火。

HTML:

</section>

<section class="img_section">
<div>
  <img src="images/menu.jpg" alt="menu" align="center"> 


  </div>
</section>

CSS:

img section{
	float:center;
	text-align:center;
}

我已经尝试删除 float ，并将其完全从一个部分中删除，但它不会让步。

任何帮助都会很棒

Answer 1

没有 float: center; 这样的东西 img 部分 也不会在部分中设置图像样式。 你可以试试: 1:

img {
display: block;
margin: 0 auto;
}

2:

section div {
text-align: center;
}
section div img {
display: inline-block;
}

取决于你的其他风格