多个img标签之间的间隔问题

「爱情、让人受尽委屈。」 2022-06-12 04:07 284阅读 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

发表评论取消回复

表情：

评论列表（有 0 条评论，284人围观）

还没有评论，来说两句吧...

相关阅读

相关解决a标签内容中img标签和p标签垂直方向间隔太大的问题

现象如下： ![9c21a7eec27b4f939768ad6a9df6def2.png][] 对应的html结构： ![b99770200ce4488dbb5e7d0c

矫情吗；*/ 2023年10月15日 20:51/ 0 赞/ 49 阅读

相关在两点之间等间隔插入多个点

在两点之间等间隔插入多个点在计算机图形学和几何处理中，有时候我们需要在两个给定的点之间插入多个等间隔的点。这种操作可以用于生成平滑的曲线、路径规划和其他各种应用。在本文中，

川长思鸟来/ 2023年10月15日 15:29/ 0 赞/ 30 阅读

相关 javascript 比较两个日期之间的间隔天数

function compareDate(start,end){ if(start==null||start.length==0||end==null

超、凢脫俗/ 2023年08月17日 15:31/ 0 赞/ 147 阅读

相关浏览器内多个标签页之间的通信

1.localStorage 在一个标签页调用localStorage.setItem(name,val)保存数据localStorage.removeItem(name)删

一时失言乱红尘/ 2022年11月25日 13:08/ 0 赞/ 201 阅读

相关 html语言中img标签代表,HTML IMG标签的属性是有哪些？了解IMG标签的用法

HTML IMG标签的属性是有哪些？IMG的用法了解一下？本篇文章为大家全面的讲解了HTML img标签属性的全部。希望大家都熟悉HTML，都熟悉img标签。在 HTML

╰+哭是因爲堅強的太久メ/ 2022年10月06日 00:49/ 0 赞/ 31 阅读

相关多个img标签之间的间隔问题

多个图片之间存在着间隔。 <img src="blog.jpg"> <img src="blog.jpg"> <img src="blog.jpg">

「爱情、让人受尽委屈。」/ 2022年06月12日 04:07/ 0 赞/ 285 阅读

相关关于img标签间距问题

[http://www.cnblogs.com/lovelyun/p/4846222.html][http_www.cnblogs.com_lovelyun_p_484622

青旅半醒/ 2022年06月09日 14:29/ 0 赞/ 226 阅读

相关 img标签

<img src="" alt="" title="" /> img标签里面src的值有三种： 1.网上url 2.本地的绝对路径 3.本地的相对路径

ゝ一纸荒年。/ 2022年06月05日 09:47/ 0 赞/ 278 阅读

相关【Excel】函数DateDif查看两个日期之间的间隔

Excel中的DateDif函数是一个隐藏函数，在excel的公式以及帮助中是找不到的，必须要手工输入才可以。此函数的格式为=datedif（"开始日期"，"结束日期"，

谁借莪１个温暖的怀抱￠/ 2022年05月23日 13:56/ 0 赞/ 293 阅读

相关 CSS -img标签排列之间有间隙

前言 img标签排列之间在没有外边距的产生间隙解决方法方法一、在img标签的父级上写：font-size:0;

缺乏、安全感/ 2021年07月26日 15:23/ 0 赞/ 425 阅读