CSS中，我們可以使用多種方法將圖片水平垂直居中，以下是一種常見的方法：

1、我們需要?jiǎng)?chuàng)建一個(gè)包含圖片的HTML元素，我們可以使用<img>標(biāo)簽來插入圖片。

<img src="path/to/your/image.jpg" alt="Your Image">

2、我們可以使用CSS來設(shè)置圖片的定位和尺寸，我們可以使用position屬性來設(shè)置圖片的定位方式，例如position: absolute;可以將圖片定位在容器的中心，我們可以使用top和left屬性來進(jìn)一步調(diào)整圖片的位置。

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

3、在上述代碼中，top: 50%;和left: 50%;將圖片的中心點(diǎn)移動(dòng)到容器的中心。transform: translate(-50%, -50%);將圖片本身移動(dòng)到其中心點(diǎn)的位置，從而實(shí)現(xiàn)水平和垂直居中。

4、需要注意的是，上述方法適用于固定尺寸的容器和圖片，如果容器或圖片的尺寸是變化的，那么我們需要使用其他方法來實(shí)現(xiàn)居中效果，我們可以使用CSS的flexbox布局來創(chuàng)建一個(gè)靈活的布局結(jié)構(gòu)，其中圖片可以自動(dòng)適應(yīng)容器的尺寸并保持在中心位置。

CSS提供了多種方法來實(shí)現(xiàn)圖片的水平垂直居中，我們可以根據(jù)具體的需求選擇***適合的方法。