html中图片居中的代码

HTML中要想实现图片居中，可以在标签外面套一层div标签，然后在CSS样式中设置居中即可。@H_404_2@

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

@H_404_2@

其中，flex布局可以方便地实现居中，justify-content属性设置水平方向居中，align-items属性设置垂直方向居中。@H_404_2@

在HTML代码中，可以这样写：@H_404_2@

<div class="center">
  <img src="example.jpg" alt="example">
</div>

这样，图片就会自动居中显示。@H_404_2@