html中图片设置居中

在HTML中，设置图片居中是很简单的，只需要使用CSS样式即可。

<img src="图片地址" style="display:block; margin:0 auto;">

其中，display:block;是为了让图片成为一个块级元素，margin: 0 auto;是设置左右边距为auto，让图片水平居中。

如果要在多张图片中居中其中一张，可以给需要居中的图片添加一个class，再在CSS样式中设置。

<img src="图片地址" class="centered">

.centered {
  display:block;
  margin: 0 auto;
}

实际上，还有其他一些设置方式，比如使用text-align:center;来使图片水平居中，或者使用vertical-align:middle;使图片垂直居中。但是，这些设置方式会影响到其他元素的排列，所以建议使用上面两种方式来设置图片居中。