CSS是一門用來控制網頁樣式的語言，其中包含了許多優秀的屬性，如居中顯示圖片。在網頁中為了方便用戶跳轉到其他網頁，我們通常會使用超鏈接，今天將介紹如何用CSS讓超鏈接居中顯示圖片。

<a href="#">
<img src="image.jpg">
</a>
/* CSS代碼 */
a {
display: block;
width: 100px;
height: 100px;
margin: 0 auto;
text-align: center;
}
img {
max-width: 100%;
height: auto;
}

上面的代碼是一個簡單的超鏈接嵌套了一張圖片。我們通過設置a標簽的display屬性為block，可以將其轉變為塊級元素，這樣就可以設置寬高以及居中了。然后通過margin屬性將其左右居中。text-align:center屬性可以讓其中的文本居中顯示。最后我們為圖片設置max-width屬性，使其可適應不同的屏幕大小。

需要注意的是，如果嵌套圖片的a標簽不設置寬高，圖片會根據自身大小來撐起a標簽，可能會導致居中不準確。同時我們也可以在CSS中設置其他相關屬性，如超鏈接顏色等。

在頁面設計中，居中顯示圖片的功能常常被使用，我們可以采用上面的方法快速實現。