要将图片在CSS中水平居中，可以使用多种方法。下面是几种常见的方法：

方法一：使用`margin: auto` 和 `display: block`

在CSS中，你可以将图片设置为块级元素并使用左右margin自动居中。这通常用于图片放置在容器内部时的情况。这是一个简单的例子：

```css

img {

display: block;

margin-left: auto;

margin-right: auto;

}

```

注意：为了使这个方法工作，图片的父容器应该有足够的宽度或指定了宽度。否则，图片可能不会居中。

方法二：使用Flexbox布局

如果你正在使用现代的CSS布局技术（如Flexbox），你可以轻松地将图片水平居中。假设你的容器是一个flex容器，你可以这样做：

```css

.container {

display: flex;

justify-content: center; /* 这将使内容在容器中水平居中 */

}

```

然后，只需要将图片放在这个容器中即可。记住要确保图片的宽度和高度在你的布局中是可以控制的。如果你需要设置图片的宽度和高度，可以在图片样式中设置这些属性。

方法三：使用Grid布局或定位（positioning）技术

还有其他方法可以实现图片的水平居中，例如使用CSS Grid布局或定位技术（如绝对定位）。这些方法更复杂一些，但在某些特定情况下可能更适用。对于初学者来说，上面的两种方法可能是最实用的。