HTML中怎么给插入的图片设置居中

在HTML中，你可以通过CSS来控制图片的水平和垂直对齐，使其居中显示。以下有两种常见的方法：

1. 使用`<img>`元素内的`style`属性直接设置样式：

   <img src="image.jpg" alt="图片描述" style="display: block; margin: 0 auto;">

这里，`display: block;`使得图片成为一个块级元素，然后`margin: 0 auto;`将左右外边距设为自动，实现了水平居中。

2. 使用外部CSS文件：

   <img src="image.jpg" alt="图片描述">
   <style>
      img {
         display: block;
         margin: 0 auto;
         max-width: 100%; /* 可选，防止图片拉伸 */
         height: auto; /* 或者 height: auto; 保持原始比例 */
      }
   </style>

将样式规则放在单独的`<style>`标签内，或者外部CSS文件中，同样可以达到居中效果。

这两种方法都能保证图片在其容器内水平居中显示，如果图片宽度超过了容器大小，则还可以考虑限制其最大宽度，以免拉伸变形。