html文本或元素6px间距问题

html中的文本内容或者是具有inline或inline-block的元素之间会6px的间距,

这是因为html文当中若出现文字分隔符(文字分隔符主要指空格或者换行等),

那么其就会被渲染成一个空格(不过要注意的是无论内容中含有多少个空格其最终渲染到页面上将只有一个空格,即文字分隔符间隔开的内容始终只间隔6px距离),

来看下面的例子html

    <span>132121231                   2132131321                  1232131</span><br/>
    <span>123213</span>
    <span>123213</span>
    <span>123213</span>
    <span>123213</span>

其在浏览器打开是这个样子的,当然为了方便观察给span加了背景色

但是有时候我们并不希望有这样的特性出现,这时候我们可以这样实现代码

    <span>132121231                   2132131321                  1232131</span><br/>
    <span>123213</span><span>
        123213</span><span>
        123213</span><span>
        123213</span>

 这样一来后面4个span元素的间距就不复存在了

 

转载于:https://www.cnblogs.com/kungfupan/p/9747941.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值