html图片拼接有小缝隙,在html中,图片的下方有缝隙,去除这个缝隙的方法是

  html图片拼接有小缝隙,在html中,图片的下方有缝隙,去除这个缝隙的方法是

  最近,当我在做h5项目时,我遇到了一个令人困惑的问题。在几个img标签之间有大约3px的间隙。

  如图所示:

  后来百度了一下,大致明白了原因。那是因为浏览器把元素当成了字符,间隙是留给一些字母对齐后仍然长出的字符(比如j,g)的。也找到了几种解决方案,并通过了可行性验证。

  1.将正文的字体大小设置为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 也就是说,

  以上是边肖介绍的HTML5中图片间隙的完美解决方案。希望对你有帮助。如果您有任何问题,请给我留言,边肖将及时回复您。非常感谢您对网站的支持!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: