設(shè)置CSS圖片居中顯示文字，可以通過以下步驟實現(xiàn)：

1、在HTML中創(chuàng)建一個包含圖片和文字的容器元素，例如一個div元素。

2、在CSS中設(shè)置該容器的樣式，使其寬度和高度適中，并設(shè)置圖片和文字的位置。

3、圖片和文字居中顯示的關(guān)鍵在于設(shè)置容器的文本對齊方式為居中，即使用CSS的text-align屬性，并將其值設(shè)置為center。

4、如果需要調(diào)整圖片和文字之間的間距，可以使用CSS的margin屬性來實現(xiàn)。

5、在瀏覽器中查看效果并進(jìn)行調(diào)整。

以下是一個示例代碼：

HTML代碼：

<div class="container">
  <img src="image.png" alt="圖片">
  <p>文字描述</p>
</div>

CSS代碼：

.container {
  width: 200px;
  height: 200px;
  text-align: center;
}
.container img {
  vertical-align: middle;
}
.container p {
  margin-top: 10px;
}

在上面的代碼中，我們創(chuàng)建了一個名為container的div元素，并設(shè)置其寬度和高度為200px，我們將圖片和文字放在該容器中，并設(shè)置圖片的垂直對齊方式為middle，文字的上方間距為10px，我們將容器的文本對齊方式設(shè)置為center，從而實現(xiàn)圖片和文字居中顯示的效果。