在網頁設計中，圖片是一個重要的元素。我們常常需要將圖片居中顯示，以便美化頁面布局。 在 CSS 樣式表中，使用 text-align 屬性可以將文本居中，但是不會對圖片產生影響。如果要讓圖片居中，我們可以使用以下 CSS 代碼：

img {
display: block;
margin: auto;
}

這段代碼將 img 元素轉換為塊級元素，并將水平外邊距設置為 auto。這樣，無論圖片的尺寸如何，都可以在其容器中居中顯示。另外，如果希望圖片在垂直方向上居中，可以使用以下代碼：

.container {
display: flex;
justify-content: center;
align-items: center;
}

這段代碼將容器元素的 display 屬性設置為 flex，可以讓其子元素垂直居中。同時，justify-content 和 align-items 屬性可以分別控制水平和垂直方向上的對齊方式。 除了以上示例，還有一些其他的技巧可以讓圖片居中，如使用 table 元素，或者使用 transform 屬性。但以上的代碼可以在大多數情況下很好地解決問題。 總結一下，讓圖片居中需要使用 display 屬性和 margin 屬性等 CSS 樣式。通過這些簡單的代碼，可以讓圖片在頁面中更加美觀和整齊。