在CSS中，圖片之間的間隙是一個常見的問題。很多人在頁面中添加多個圖片，卻發現它們之間會出現一些奇怪的空白區域，尤其是在使用行間距時會更加突出。

造成這種現象的原因是因為HTML代碼中的空白符和換行符。這些字符在頁面渲染時會被視為字符，因此它們會在圖片之間創建間隙。

解決這個問題的方法有很多。以下是一些最常用的方法：

img {
display: block;
font-size: 0;
line-height: 0;
}

這段代碼通過修改圖片的CSS樣式來消除間隙。通過將圖片的display屬性設置為block，我們可以將其轉換為塊級元素。然后，我們可以將字體大小和行高設置為0，這會將所有的空白符和換行符都去除掉。

img {
vertical-align: middle;
}

這個方法修改了圖片的垂直對齊方式。默認情況下，圖片是按照文本基線對齊的，其底部會留下一小部分空白，從而導致間隙。通過設置圖片的vertical-align屬性為middle，我們可以將其垂直居中對齊，從而消除間隙。

總之，消除圖片之間的間隙可能有很多方法，但是這些技巧卻是最常用的。記得測試不同方法的效果，以便找到最適合您的解決方案。