網頁中圖片與文字的排版是非常重要的，有時候可能會遇到圖片周圍有多余的空格，這時候需要使用 CSS 來解決。本文將介紹使用 CSS 去除圖片多余空格的方法。

首先，我們需要了解一下圖片的默認屬性。圖片是行內元素，它的基線（baseline）在底部，因此會導致多余的空格。為了去除這些空格，我們需要將圖片的基線對齊到文本的基線。

img {
vertical-align: baseline;
}

上述代碼中的vertical-align: baseline;屬性可以將圖片的基線對齊到文本的基線，從而去除多余的空格。

如果你的圖片周圍還有其他的元素，比如超鏈接、段落等，可能會出現無法去除全部空格的情況，這時候可以在圖片周圍添加一個容器元素，并設置它的 font-size 為 0，從而去除多余空格。

.container {
font-size: 0;
}
.container img {
vertical-align: middle;
}

上述代碼中的container元素設置了字體大小為 0，從而消除了多余空格。同時，使用vertical-align: middle;將圖片垂直居中，使得圖片的周圍空白更加勻稱。

總之，使用 CSS 去除圖片多余空格，可以讓網頁排版更加美觀。以上是兩種解決方法的簡單示例，你可以根據實際情況進行調整和優化。