图片间隙问题

时间:2022-03-02 20:31:24

图片间隙问题一

产生环境:所有浏览器中

产生条件:在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中的图片间隙(其实就是多个问题一垂直叠加的结果)如图

图片间隙问题

解决办法:同问题一一样