在html中内容中的多个空格一般会被视为一个,连续的多个空格符被自动合并了,同时内容前后的空格也会被清除。HTML空格保留的方式、CSS空格保留的方式。
HTML中的空格的规则
<p> fly63 com </p>
fly63 com
HTML空格保留
<pre> fly63 com </pre>
<p> fly63 com </p>
|
 
|
不断行的空白(1个字符宽度)
|
 
|
 
|
半个空白(1个字符宽度)
|
 
|
 
|
一个空白(2个字符宽度)
|
 
|
 
|
窄空白(小于1个字符宽度)
|
CSS空格保留
<p style="white-space:pre"> fly63 com <p>
<p style="white-space: pre-line">
fly63
com
</p>
<p style="letter-spacing:5px;">欢迎光临!</p>
<p style="word-spacing:5px">Happy new year!</p>