CSS的文本居中功能可以用來對圖片進行居中顯示。使用text-align:center屬性可以對圖片進行水平居中，而使用line-height和height屬性可以對圖片進行垂直居中。

img {
display: block;
margin: 0 auto;
text-align: center;
line-height: 容器高度;
height: 圖片高度;
}

其中，display:block可以使圖片以塊級元素顯示，方便使用margin屬性進行水平居中；text-align:center可以實現水平居中；line-height和height屬性可以實現垂直居中。具體容器高度和圖片高度要根據實際情況進行設定。

下面是一個例子：

<div class="container">
<img src="example.jpg" alt="example">
</div>
.container {
width: 500px;
height: 300px;
border: 1px solid #ccc;
}
.container img {
display: block;
margin: 0 auto;
text-align: center;
line-height: 300px;
height: 200px;
}

以上代碼會生成一個寬為500px，高為300px的容器，圖片寬為自適應，高為200px，位于容器的中央。

文本居中還有其他方法，例如使用flex布局或者position屬性進行實現。根據實際情況選擇最合適的方法。