HTML中的空格

**1.**Question1

在编辑器中给文字之间加很多空格

在这里插入图片描述
在浏览器中的效果
发现每个字之间只有一个空格
在这里插入图片描述

**2.**Question2

在编辑器div容器中设置长和宽,并打上一长串字母

    <div style="width:100px; height:100px; background-color: blue;">
    
   			 kjdflkjdlkdjgkjfgjfgkljfklgjkjkjkl
   			 
    </div>

在浏览器中打开的效果如下
发现字母并没有在容器内换行显示,而是溢出了
在这里插入图片描述

**3.**Question3
在编辑器div容器中设置长和宽,并打上一长串中文

    <div style="width:75px; height:150px; background-color: blue;">
    
        猪年大吉猪年大吉猪年大吉猪年大吉猪年大吉猪年大吉猪年大吉
        
    </div>

在浏览器中显示的效果如下
发现中文在容器内能够自动进行换行,并不会溢出容器的长和宽

在这里插入图片描述

针对以上问题,要注意的是

空格在html语言中代表着文本分隔符

对于问题3,由于汉字是一个个分隔开的,所以浏览器可以识别出来,能够在div容器中自动进行换行,不至于使内容溢出。

对于问题2,不用空格将单词分隔开,浏览器是无法识别单词的,只能将一长串字母默认成一个单词显示,所以溢出了,当个字母加了空格分隔成单词的时候,效果如下
在这里插入图片描述

所以,不管在编辑器中给单词之间或者是中文之间加多少个空格,在浏览器中显示出来的都只会是一个空格,因为空格在html语言中只是文本分隔符

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值