CSS中設(shè)置圖片水平垂直居中，可以使用多種方法，以下是一種常用的方法：

1、創(chuàng)建一個包含圖片的HTML元素，

<div class="image-container">
  <img src="path/to/image.jpg" alt="Image Description">
</div>

2、在CSS中設(shè)置該元素的樣式，使其水平和垂直居中：

.image-container {
  position: relative;
  height: 200px; /* 可以根據(jù)需要調(diào)整 */
  width: 200px; /* 可以根據(jù)需要調(diào)整 */
}
.image-container img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在這個示例中，.image-container元素被設(shè)置為相對定位，并指定了高度和寬度，內(nèi)部的img元素被設(shè)置為***定位，并指定了top和left屬性為50%，這將使圖片在容器中水平和垂直居中，使用transform屬性將圖片進(jìn)一步移動到容器的中心位置。

這種方法適用于固定尺寸的圖片和容器，如果圖片或容器的尺寸是變化的，可能需要使用其他方法來實現(xiàn)水平和垂直居中。