在進行網頁開發時，常常會遇到一個問題，就是CSS圖片過大，而我們又想居中顯示，那么該怎么解決呢？ 我們可以使用以下的CSS代碼，來實現圖片的居中顯示：

img{
display: block;  //將圖片變為塊級元素
margin: 0 auto;  //設置左右邊距為自動，即可以使其水平居中
}

接下來我們來解釋一下這些代碼的含義： 首先，我們需要將圖片轉換為塊級元素，這可以通過設置display:block來實現。這樣做可以讓圖片與其他塊級元素一樣，可以響應一些CSS樣式和屬性。 其次，我們設置margin的值為0 auto，這樣就可以使圖片在水平方向上居中。其中的auto關鍵字告訴瀏覽器將相同的距離分配到左右邊距。這樣，如果寬度足夠，就會使圖片居中。 通過以上的CSS代碼可以很容易地實現圖片的水平居中，而且代碼簡單易懂，適用于大多數情況。對于需要在垂直方向上居中的情況，可以采用其他方式來實現。 總之，掌握CSS圖片居中的技巧，可以讓我們在網頁開發中更加得心應手，同時也能讓我們的頁面更加美觀和優雅。