多个img标签之间的间隔问题 「爱情、让人受尽委屈。」 2022-06-12 04:07 233阅读 0赞 多个图片之间存在着间隔。 <img src="blog.jpg"> <img src="blog.jpg"> <img src="blog.jpg"> ![间隔][SouthEast] 有时候不想让这个间隔存在。 四种方法: 1、多个标签写在一行。 <img src="blog.jpg"><img src="blog.jpg"> <img src="blog.jpg"> ![间隔][SouthEast 1] 将要闭合标签的地方与开始标签的地方重合方法和使用注释头尾相连方法感觉与此类是一种方法 ![3][] 2、在img标签的父级上写:font-size:0; <div style="font-size:0"> <img src="blog.jpg"> <img src="blog.jpg"> <img src="blog.jpg"> </div> ![5][] 3、使用display:block(img是内联元素) <img src="blog.jpg" style="display:block"> <img src="blog.jpg" style="display:block"> <img src="blog.jpg" style="display:block"> ![5][] 4、使用letter-spacing属性 <div style="letter-spacing:-1000px"> //letter-spacing的值无论是负多少都不会产生重叠 <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> <img src="/i/eg_tulip.jpg" alt="郁金香" height="100px"/> </div> ![5][] 方法出自[这里][Link 1]。 [SouthEast]: /images/20220612/8f414e13b9e04ef98644860e4141b15f.png [SouthEast 1]: /images/20220612/e1f00c32dd944d71937a33f38abc78a0.png [3]: /images/20220612/33500ee2c0a144679a2503f93fbad53b.png [5]: /images/20220612/35be563c8452431fb9f4a54e496f98ed.png [Link 1]: https://yq.aliyun.com/articles/49583
还没有评论,来说两句吧...