在HTML中,可以使用CSS样式来让图片居中显示,以下是详细的步骤和示例代码:

1、在HTML文件中插入图片标签centerimage。
2、接下来,在标签或外部CSS文件中,为centerimage类添加样式规则,使用display: block;将图片设置为块级元素,然后使用margin: auto;和width: 50%;(或其他百分比)将图片居中。
.centerimage {
  display: block;
  margin: auto;
  width: 50%;
}
3、如果需要,还可以设置图片的高度和其他样式属性,可以设置图片的最大宽度、边框等。
.centerimage {
  display: block;
  margin: auto;
  width: 50%;
  maxwidth: 500px; /* 设置最大宽度 */
  border: 1px solid #ccc; /* 设置边框 */
}
4、确保在HTML文件的部分引入CSS文件或直接将样式写在标签内。
Center Image Example 
通过以上步骤,图片将在页面中居中显示。