要使图片在CSS中居中，可以使用以下方法：

1. 使用margin属性：

对于块级元素（如 <div>），可以将图片设置为块级元素，并使用以下CSS代码将其居中：

css.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container img {
  display: block;
}

在HTML中，将图片放置在具有类名 .container 的容器内：

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

2. 使用position属性：

将图片绝对定位，并使用以下CSS代码将其居中：

css.container {
  position: relative;
  height: 100%;
}

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

在HTML中，将图片放置在具有类名 .container 的容器内：

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

这些方法都可以使图片在容器中水平和垂直居中。你可以根据自己的需求选择适合的方法。