图片间隙的问题

在开发过程当中咱们确定会有添加图片，或者图文混排的场景。那么在开发过程当中若是一个div里面同时有多个图片，在浏览器中预览时咱们会发现每一个图片之间会有间隙。。。。

what?这是什么鬼。。

造成这个的缘由是由于设置的字体的缘由。这时候若是你把font-size设置的越大，那么间距越大。解决这么一个问题，目前大体有两种方法：

• 设置font-size=0 若是设置为0 的话，就不会被字体大小影响了。
• 让图片浮动，设置浮动。float。 若是设置浮动的话，那么这些元素就会脱离文档流，这时候就不会被字体大小影响了。

可是这时候，会有这么一个场景，在一个div中，既有图片，又有文字，这时候怎么解决？？

思路：这时候，咱们会把父元素设置font-size=0 而后， 在须要文字设置大小的时候，给文字加一个标签，好比: span标签。而后再单独设置font-size ; 好比：给span标签设置font-size=13px 这时候，就能够解决这个问题了。