要将图片在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布局或定位技术（如绝对定位）。这些方法更复杂一些，但在某些特定情况下可能更适用。对于初学者来说，上面的两种方法可能是最实用的。