多个 img 之间会有间隔, 因为是img标签的显示是 inline-block 的原因,你换行在父级元素看来,是有一个空格的字符的,所以存在8个像素,这个因浏览器不同,像素也不一样。根本原因在于父级元素把空格当做一个字符处理。
解决办法:
-
父级元素 设置
font-size: 0;
-
<img /><img /><img />
连着写,没有空格 -
设置 float, 但要记得清除掉 float
多个 img 之间会有间隔, 因为是img标签的显示是 inline-block 的原因,你换行在父级元素看来,是有一个空格的字符的,所以存在8个像素,这个因浏览器不同,像素也不一样。根本原因在于父级元素把空格当做一个字符处理。
解决办法:
父级元素 设置 font-size: 0;
<img /><img /><img />
连着写,没有空格
设置 float, 但要记得清除掉 float