CSS文本——CSS实验室

CSS的文本(text)可以帮助我们设置文本的显示，在“CSS入门教程——文本属性(text)”一节中，我们简要介绍了文本属性。下面我们就来利用实例实验深化对CSS文本属性的理解。

CSS行高：line-height

通过设置CSS中的line-height属性，我们可以设置文本的行高。其中最简单的方式就是只给出一个数字，在下面的文本框中输入数字，就可以设置每一行占据多大的空间。当行高设置为1的时候，表示行高和文字高度是一致的，也就是上下文字两行文本之间没有边距。可以输入其它数据看看不同行高的效果，注意可以输入小数，例如0.6，1.2等等。

line-height:;

line-height:normal;

此外，我们也可以用长度或者是百分比指定行高。

CSS文字间距：letter-spacing

通过设置“letter-spacing”属性，我们就可以控制文本中两个文字间的间距了。下面用像素作为单位来设置这个属性值。

letter-spacing:normal

letter-spacing: px;

同样，我们也可以使用其它单位来设置文本间距。

CSS文本对齐：text-align

利用CSS的“text-align”属性，我们可以控制文本是“左对齐”、“右对齐”还是“居中”、“两侧对齐”。

text-align:

CSS文本首行缩进：text-indent

通过设置CSS的“text-indent”属性，我们就可以让文本实现首行缩进。例如，我们通常习惯让每个自然段都空出两个字符，这就可以用该属性实现。

text-indent:2em;

点击上面的按钮之后会发现，所有的内容，包括标题都向后缩进了两个字符。一般情况下，我们都只会让段落(p)缩进两个字符。相信您一定了解如何仅仅给网页内的p元素设置CSS属性。如果还不了解的话，可以看看CSS入门教程——样式表的基本语法(一)。

CSS空格显示：white-space

设置“white-space”属性，可以控制如何显示空格。可以取的属性值包括：normal（正常），pre（按照代码格式），nowrap（不换行）。

text-align:

经过简单的实验发现设置空格对中文文字的影响不大。