图片间隙的问题

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

what?这是什么鬼。。

形成这个的原因是因为设置的字体的原因。这时候如果你把font-size设置的越大，那么间距越大。解决这么一个问题，目前大致有两种方法：

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

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

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