你可能不知道的html中的空格

一直没有留意到这个问题.今天在做一个小东西时候偶然的发现.

 

正常在html里面输入一大串的空格,为了用空格来排版,而实际的效果却会发现所有空格都只显示成1个.

 

最简单,最快的方法,就是将你的输入法切换到全角的状态再输入空格,这样的空格打出来的占的宽度跟一个字是一样的.

 

关于具体的原理跟深入的研究,建议看看蓝色理想的达人的文章:

 

CSS 浏览器的等宽空格

 

写道

很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用   等这样的占位符。

但是   也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。