在HTML中，讓圖片居中顯示是很重要的技巧，因為它可以增加頁面的美觀度和可讀性。下面是通過使用CSS樣式表來實現圖片居中的一些代碼示例：
首先要在CSS樣式表中設置圖片元素的寬度和高度，可以使用以下代碼：
pre {
display: block;
font-family: monospace;
white-space: pre;
margin: 1em 0;
}
img {
display: block;
margin: 0 auto;
}
在第一個代碼塊中，在
標簽中設置了一些基本的格式，例如字體、行距和邊距等。 在第二個代碼塊中，使用了display: block;將圖片元素設置為塊級元素，然后使用margin: 0 auto;來設置左右邊距為auto，這樣就可以實現居中顯示了。 如果需要使用JavaScript來動態居中圖片，可以使用以下代碼實現：上面的代碼通過設置容器的text-align屬性為center，再通過JavaScript來計算和設置圖片的左側邊距，從而實現圖片的居中顯示。 總之，無論是通過CSS還是JavaScript，都可以在HTML中實現圖片的居中顯示，這樣可以讓頁面更加美觀，也更容易被用戶閱讀和理解。圖片居中代碼：
