HTML5中照片之间的间隙完善处理方式

2021-02-23 21:40 jianzhan

近期做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中照片之间的间隙完善处理方式,期待对大伙儿有一定的协助,假如大伙儿有任何疑惑请给我留言,网编会立即回应大伙儿的。在此也十分谢谢大伙儿对脚本制作之家网站的适用!