**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语言中只是文本分隔符。