css控制图片位于中间位置怎么写

CSS控制图片居中可以采用多种方法，具体取决于页面布局、容器类型以及需要兼容的浏览器范围。这里有几个常见的方法：

1. **使用Flexbox**:
如果父元素是`display: flex;`或`display: inline-flex;`，可以这么设置：

   .parent {
     display: flex;
     justify-content: center;
     align-items: center;
   }
   img {
     max-width: 100%;
     height: auto;
   }

2. **使用Grid** (适用于现代浏览器):
对于网格布局，可以这样：

   .parent {
     display: grid;
     place-items: center;
   }
   img {
     width: 100%;
   }

3. **绝对定位**:
如果图片是块级元素，可以将其设为绝对定位并相对于其父元素居中：

   .parent {
     position: relative;
   }
   img {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
   }

4. **内联元素使用line-height** (适合行内元素居中)：

   img {
     display: inline-block;
     vertical-align: middle;
     line-height: 1;
   }

对于旧版IE浏览器，可能还需要使用`expression()`属性，但这种方法已过时，推荐优先考虑前三种。