div 中的图片水平水平居中

在HTML中，如果你想让div内的图片水平居中，可以使用CSS来实现。这里有几个常见的方法：

1. **内联样式**:

   <div style="text-align:center;">
       <img src="image.jpg" alt="图片描述" style="display:inline-block; margin:0 auto;">
   </div>

这里通过设置`text-align:center`使整个`div`内容居中，然后将图片设为`inline-block`并给它添加`margin:0 auto`使其左右两边留有自动间距，达到居中的效果。

2. **外部样式表**:

   <div class="center-img">
       <img src="image.jpg" alt="图片描述">
   </div>

   .center-img {
       text-align:center;
   }

   .center-img img {
       display:block;
       margin:0 auto;
   }

使用CSS选择器 `.center-img` 和内部元素 `.center-img img`，同样实现了图片的居中。

3. **Flexbox布局** (适用于现代浏览器):

   <style>
     .parent-div {
       display:flex;
       justify-content:center;
     }
   </style>

   <div class="parent-div">
       <img src="image.jpg" alt="图片描述">
   </div>

设置`.parent-div`的`display`属性为`flex`，然后使用`justify-content:center`使子元素（图片）水平居中。

无论哪种方法，确保图片大小不会影响到居中效果，如果需要响应式设计，还需要考虑屏幕尺寸的变化。