HTML/CSS中的空格处理_如何保留页面中的空格

站长手记 作者: 2024-08-28 06:40:01
在html中内容中的多个空格一般会被视为一个,连续的多个空格符被自动合并了,同时内容前后的空格也会被清除。HTML空格保留的方式、CSS空格保留的方式。

HTML中的空格的规则

<p> fly63   com </p>
fly63 com

HTML空格保留

<pre> fly63 com </pre>
<p>&nbsp;fly63 &nbsp;&nbsp; &nbsp;com&nbsp;</p>
&nbsp; &#160; 不断行的空白(1个字符宽度)
&ensp; &#8194; 半个空白(1个字符宽度)
&emsp; &#8195; 一个空白(2个字符宽度)
&thinsp; &#8201; 窄空白(小于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>
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_69982.html