①**問題：**包含img標籤的div之間有間距——垂直方向上有間距
![在這裡插入描述]( **原因**：塊級元素包含內聯元素如文字等時，內聯元素預設是和父級元素的baseline（基線）對齊的，而baseline又和父級元素底邊有一定的距離（這個距離和**font**有關，不一定是5px），所以與父元素的底邊有距離。 **解決方法**： （1）設定img的vertical-align屬性為bottom； （2）給父元素div加上font-size:0的屬性，既然這個距離和font有關，那麼把字型大小設為0。 （3）設定img的display：block；由於內聯元素才會有這個問題，就可以直接改為塊級元素。不過如果是多張**要在一行顯示則不可以這樣。 ②**問題**：img標籤和img標籤有間距——水平方向上有間距
![在這裡插入描述]( **原因:**多個img標籤的左右間隙，是由於img標籤是行內元素，而事實是當行內元素之間有「回車」、「tab」、「空格」等空白字元就會出現間隙。 **解決方法**： （1）去掉
標籤之間的空格，將所用的
標籤書寫在同一行img （2）給父元素div加上font-size:0的屬性 （3） 設定display: block;float: left;
解決img標籤間距問題
關於img標籤間距問題 多個img之間有間距，包含img標籤的div之間有間距。如下 1 doctype html 2 3 4 5 testtitle 6 7 head 8 9 10 11 12 13 div 14 15 16 17 18 div 19 20 21 22 23 div 24 body...
解決多個img標籤之間出現間距問題
作為開發人員，我們在日常開發工作中經常會遇到由多個組成的頁面。雖然元素之間的填充值設定為零，但我們仍然可以看到兩張之間會有乙個難看的間隙，無法無縫拼接。因此，簡單的檢查就可以看出，造成這種現象的原因是img是乙個內聯元素，而內聯元素的特點是 行布局 這意味著內聯元素的預設對齊方式是與其父基線對齊，但...
a巢狀img標籤的問題
html結構是這樣的，未使用任何樣式！但在chrome的開發者工具中檢視，a的高度並不是影象的高度，而是乙個很奇怪的高度。這是什麼原因，如何讓a標籤的高度與img標籤的高度一樣 標籤為什麼會有底下的空白呢？這你要理解所謂的 基線 baseline 這是乙個英文排版概念。我這裡還是引用下知乎人的鏈結吧...