在CSS中，您可以通過多種方式將img元素置于中間，以下是一種常見的方法：

1、使用flexbox布局：

Flexbox是一種靈活的布局方式，可以輕松地將元素居中，您可以將img元素放入一個使用flexbox布局的容器中，并設置justify-content和align-items屬性為center，以將img元素在水平和垂直方向上居中。

<div class="container">
  <img src="image.jpg" alt="Image">
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 根據(jù)需要調整容器的高度 */
}

2、使用position屬性：

您還可以使用CSS的position屬性將img元素居中，通過將position屬性設置為relative或absolute，您可以輕松地移動img元素到容器的中心位置。

<div class="container">
  <img src="image.jpg" alt="Image">
</div>

.container {
  position: relative; /* 或absolute */
  height: 100vh; /* 根據(jù)需要調整容器的高度 */
}
.container img {
  position: absolute; /* 或relative */
  top: 50%; /* 將img元素向下移動容器高度的一半 */
  left: 50%; /* 將img元素向右移動容器寬度的一半 */
  transform: translate(-50%, -50%); /* 將img元素居中 */
}

無論您選擇哪種方法，都可以輕松地將img元素在CSS中居中。