CSS手機端圖片間間隙解決方法

在手機端網頁開發中，經常會遇到圖片之間有間隙的情況。要解決這個問題，通常有以下幾種方法：

1. 設置圖片的display屬性為block，因為默認情況下，圖片是行內元素，會留出間隙。如果將其設置為塊級元素，則不會留出間隙。

2. 取消圖片的margin和padding屬性，可以使用以下代碼，將margin和padding設置為0：
img{
margin:0;
padding:0;
}

3. 設置圖片的vertical-align屬性，因為默認情況下，圖片會被文本的基線對齊，從而留出間隙。我們把vertical-align屬性設置為top，另外還可以用vertical-align:middle來使圖片垂直居中對齊。

4. 將圖片放在一行內顯示，這樣就不會出現間隙。可以使用以下代碼：
注意：要在包含圖片的容器上設置font-size:0;來消除圖片下方留出的空白，然后將圖片設置為display:inline-block;使其在同一行顯示。

以上是CSS手機端圖片間間隙的解決方法，可以根據具體情況選擇適合自己項目的方法。