图片间隙问题一
产生环境:所有浏览器中
产生条件:在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中的图片间隙(其实就是多个问题一垂直叠加的结果)如图
解决办法:同问题一一样