Question

我有一个img，我需要居中，我尝试margin：0 auto;但仍然无法使img居中。我怎么能？

谢谢

<div>
    <img src="../p66.jpg" />
</div>

div{margin:0 auto;width:100%;}
img {margin:0 auto;}

Answer 1

div{margin:0 auto;width:100%;text-align:center;}

如果没有img宽度，可以在容器中使用text-align：center。否则，如果设置图像宽度，并显示：块，边距：0自动图像将起作用...

E.g。 img {margin:0 auto;display:block;width:100px}

Answer 2

所以你可以这样做......

<强> CCS

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

<强> HTML

<img src="blwebcam-sample.jpg" alt="Suni" class="center" />

我发现这是在搜索Google。