在網頁設計中，我們經常需要在頁面中居中顯示圖片和鏈接。這里采用CSS來控制頁面元素的布局，使其水平與垂直居中。 要在頁面中居中顯示圖片，我們可以在CSS中將圖片的display屬性設置為block，然后設置左右外邊距為auto即可。

img {
display: block;
margin-left: auto;
margin-right: auto;
}

對于鏈接，我們可以將鏈接的display屬性設置為inline-block，然后設置vertical-align屬性為middle將其垂直居中。再設置左右外邊距為auto使其水平居中。

a {
display: inline-block;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
}

當需要在一段文字中居中顯示鏈接時，我們可以將鏈接包裹在一個span標簽中，并為該span標簽設置class屬性。然后，在CSS中設置該class的display屬性為inline，使其成為行內元素，再采用上述方法進行水平和垂直居中。

鏈接.center-link {
display: inline;
vertical-align: middle;
margin-left: auto;
margin-right: auto;
}

總之，使用CSS可以輕松實現圖片和鏈接的居中顯示，優化頁面布局，提升用戶體驗。