CSS中如何使用空白效果属性 - 行业资讯 - 肥雀云

　　介绍

这篇文章将为大家详细讲解有关CSS中如何使用空白效果属性,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

<强>空白
空白用来设置浏览器对“空白”的处理,所谓的空白指的是你在编辑器里面输入的空格,回车,标签等。他的可选内容如下:

正常:默认。空白会被浏览器忽略例。如:开头结尾的空白忽略,字之间的,不管多少个多个空格或回车,只显示一个空格,换行前面的空格忽略
pre:空白会被浏览器保留。其行为方式类似HTML中的& lt; pre>标签。
nowrap:}不换行,除非遇到& lt; br/祝辞,n个空格会被压缩为一个。
pre-wrap:保留所有空白,但是正常地进行换行(chrome, FF, IE8 +,歌剧),网页在IE6和IE7中下等同于正常
pre-line:合并空白符序列(合并成一个),但是保留换行符(chrome, FF, IE8 +,歌剧),网页在IE6和IE7中下面等同于正常

<强>词间距与字母间距
强词间距只能作用于英文的单词与单词间,对于中文无效
字母间距可以作用于中文。

<李>

<李> & lt; html>,,, 　　,& lt; head>,,, 　　& lt;才能meta http-equiv=癈ontent-Type",内容=皌ext/html;, charset=utf-8"祝辞& lt;/meta>,,, 　　& lt;才能style 类型=拔谋?css"祝辞,,, 　　,,p.spread {字母间距:30 px;},,, 　　& lt;才能/style>,,, 　　,& lt;/head>,, 　　,& lt; body>,,, 　　& lt;才能p 类=皊pread"祝辞却;能够is some 文本。哈哈哈哈哈哈哈& lt;/p>,,, 　　& lt;才能p 类=皌ight"祝辞却;能够is some text.This is some 文本。;/p>,,, 　　,& lt;/body>,, 　　& lt;/html>

关于CSS中如何使用空白效果属性就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。