html图片如何居中对齐(图片居中css方法)

html图片如何居中对齐？css方法如下几种：

1、可以在img外建立div块状标签，然后对div设定宽度，将文件居中设置 margin:0 auto

<div style="width: 300px; margin: 0 auto;">
      <img src="img/1.jpg" alt="图片">
</div>

2、将图片设置为相对定位，然后对其以百分比的方式将其居中

img {
   position: relative;
   left: 50%;
   transform: translateX(-50%);
}