在網頁制作中，圖片的顯示與排版是非常重要的一環。當需要將圖片居中顯示時，我們可以通過CSS樣式表進行設置。下面讓我們來詳細了解一下如何實現圖片居中顯示的方法。 首先，通過CSS樣式表編寫如下代碼來實現圖片居中的效果：

img {
display:block;
margin:auto;
}

以上代碼的含義是：將img元素設置為塊級元素，并將其左右外邊距設置為“auto”，這樣圖片即可實現水平居中。 其次，當圖片需要在垂直方向上居中時，我們可以通過設置外層元素的“display”屬性值為“flex”，并設置其內部元素的“align-items”屬性值為“center”來實現，代碼如下：

.container {
display:flex;
align-items:center;
}
.container img {
/* 水平居中 */
display:block;
margin:auto;
}

以上代碼的含義是：將“container”元素設置為彈性布局，使其內部元素在交叉軸上居中，最終實現圖片在垂直方向上的居中顯示。 總結：通過CSS樣式表的設置，即可輕松實現圖片在網頁中的居中顯示，使網頁更加美觀、舒適。