在網頁中加入圖片是一項基本技能，但是如何讓這些圖片居中展示呢？以下是一些方法。 方法一：使用CSS樣式 在CSS樣式表中設置img標簽的display為block，并將其左右外邊距設置為auto。這將使圖像居中。 pre { display:block; margin-left:auto; margin-right:auto; } 此種方法適用于在某些情況下，需要對多張圖片進行批量處理時。 方法二：在HTML中使用表格 利用HTML中table元素可以讓圖片在行中居中對齊。

但是這個方法可能會導致代碼的冗余，嵌套太多HTML表格也會減慢網頁的加載速度。 方法三：使用Flexbox 在css中使用Flexbox屬性，以控制圖片居中顯示 pre{ display:flex; justify-content:center; align-items:center; } 這種方法可以將多種類型的項目居中對齊，但是不向后兼容。 以上是居中圖片最常見的方法之一。無論哪一種方法，都可以在不同場合下得到不同的結果，可以根據需要靈活使用。