图片间隙问题

图片间隙问题一

产生环境：所有浏览器中

产生条件：在div中插入图片时，图片会将div下方撑大4或者5像素，如图：

解决办法：给img添加如下声明：

img{display:block;}

图片间隙问题二

产生环境：所有浏览器

产生条件：当多张图片横向排列时，会产生一定间距（原因img元素之间的换行符会被当作空格处理）如图：

解决办法一：img元素紧挨着写如：

<img src="img/5.png"/><img src="img/5.png"/>

解决办法二：给img添加如下声明：

img{float:left;}

图片间隙问题三：

产生环境：所有浏览器

产生条件：li、dt、dd中的图片间隙（其实就是多个问题一垂直叠加的结果）如图

解决办法：同问题一一样