空格的使用

一、 下面我们来看一下空格字符&nbsp和空格符号的使用,下面我们来举一个简单的例子,这个是研发管理方案页面的头部,由图一看出我给这句代码打了不少于十个空格,但是运行出来的页面空格位置只有一个。很明显运行出来的图二不是我想要的,可以看出无论我给它多少空格符号运行出来的也只有一个空格。想要做到我想要的那就要用到html的空格转义符代码&nbsp了。
图一
在这里插入图片描述
在这里插入图片描述
二、下面我们来用转义符空格实体代码来实现想要的效果,为了要突出 的效果我特意加多了几个,这样就一目了然。一个&nbsp就代表一个空格,这个就比较自由灵活。这里只要你加多少个&nbsp代码,运行出来就会有几个,这就是空格符号和空格实体代码的区
别。
在这里插入图片描述
在这里插入图片描述
总结:&nbsp又被叫做不换行空格,这是被使用最多的空格实体。与一般的空格有所区别,即不隔断空白。也就是说, 用于html代码中用于产生空白,并阻止浏览器在这个空白处换行。
所以说当我们遇到的时候不妨用这个试试,要注意  必须是小写,而且后面必须加分号。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值