HTML是一種用于構建網頁的標記語言，圖片是網頁設計的重要元素。令人困擾的是，有時候我們希望圖片能夠居中，而不是始終依靠瀏覽器的默認行為進行布局。下面是一些HTML代碼段，幫助您將圖像居中。 首先，我們需要將圖像嵌入到HTML中，這可以通過img標簽完成。圖像通常使用src屬性指定其位置。例如： ```html

下面是一個居中的圖像，呈現為400x400像素大?。?/p>

<img src="my-image.jpg" alt="My Image" style="display:block; margin:auto; width:400px; height:400px;">

``` 通過style屬性，我們可以指定應在圖像上應用的樣式。在這個例子中，我們使用了display屬性來將圖像從默認行為更改為塊級元素。我們還指定了邊距，將左右外邊距設置為“auto”將圖像水平居中。width和height屬性定義圖像的寬度和高度。 如果您希望圖像可以縮放，可以使用max-width而不是width屬性。例如： ```html

下面是一個可以縮放的圖像，按比例縮放以適合其容器：

<img src="my-image.jpg" alt="My Image" style="display:block; margin:auto; max-width:100%; height:auto;">

``` 在這個例子中，我們使用了max-width屬性而不是width屬性，并將其設置為“100%”。當圖像遇到其父容器的邊緣時，它將縮小以適應更小的空間。我們還使用了height:auto屬性，這樣圖像就可以按比例縮小。 總之，通過上述HTML代碼，您可以輕松將圖片進行水平和垂直居中，使您的網頁布局更加靈活！