CSS是一種強大的樣式語言，廣泛用于Web開發中。在網站中，圖片是必不可少的元素之一，而如何使圖片居中顯示，是許多開發者所關注的問題。下面我們就來介紹一下如何使用CSS居中顯示圖片。

img {
display: block;
margin: auto;
}

上述代碼中，我們為圖片設置display屬性為“block”，將圖片轉換為塊級元素，在父容器中占據全部寬度。然后通過設置margin為“auto”，使其左右居中。實際上，上述代碼也可以簡寫為：

img {
margin: 0 auto;
display: block;
}

通過使用上述代碼，我們可以很輕松地實現圖片的居中顯示。不過需要注意的是，在實現時不要忽略父容器的寬度設置，否則可能會導致圖片無法居中。