近期做h5的新项目,碰到了1个百思不可其解的难题,几个img标识正中间有大概3px的间隙
如图:
后来百度搜索查了1番,大概掌握了缘故,是由于访问器把元素当做了字,间隙是给1些对齐字母后依然长出1截的(比如j,g)预留的。也寻找了几种处理方式,亲测可行。
1,把body的font-size 设定成0;
这样做的情况下要记得下面写div的情况下给元素特定字号。
2,把
<img src="assets/img/turntable/lucky-turntable_07.jpg">
<img src="assets/img/turntable/lucky-turntable_11.png" >
<img src="assets/img/turntable/lucky-turntable_08.jpg">
写成
<img src="assets/img/turntable/lucky-turntable_07.jpg"><img src="assets/img/turntable/lucky-turntable_11.png"><img src="assets/img/turntable/lucky-turntable_08.jpg">
也便是说,把img标识写在同1行,正中间不必有时间格;
以上所述是网编给大伙儿详细介绍的HTML5中照片之间的间隙完善处理方式,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!