圖片間隙的問題

在開發過程當中咱們確定會有添加圖片，或者圖文混排的場景。那麼在開發過程當中若是一個div裏面同時有多個圖片，在瀏覽器中預覽時咱們會發現每一個圖片之間會有間隙。。。。

what?這是什麼鬼。。

造成這個的緣由是由於設置的字體的緣由。這時候若是你把font-size設置的越大，那麼間距越大。解決這麼一個問題，目前大體有兩種方法：

• 設置font-size=0 若是設置爲0 的話，就不會被字體大小影響了。
• 讓圖片浮動，設置浮動。float。 若是設置浮動的話，那麼這些元素就會脫離文檔流，這時候就不會被字體大小影響了。

可是這時候，會有這麼一個場景，在一個div中，既有圖片，又有文字，這時候怎麼解決？？

思路：這時候，咱們會把父元素設置font-size=0 而後， 在須要文字設置大小的時候，給文字加一個標籤，好比: span標籤。而後再單獨設置font-size ; 好比：給span標籤設置font-size=13px 這時候，就能夠解決這個問題了。