### 图片与文字会有空隙 原理是什么 ``` <div> <span>杨洋</span> <img src="images/01.png" alt=""> </div> //css div{background:pink} ``` #### 原因：将图片识别为文字，默认是基线对齐的，所以会有3px左右的偏差。 如何解决：将图片设为基线对齐 三种方法 ``` img{vertical-align:bottom} ``` ``` font-size=0； ``` ``` 设置img为： 　　display:block; ```