CSS权威指南（六）文字属性

1.缩进和行内对齐

（1）缩进文本（text-indent）

   text-indent属性把元素的第一行文本缩进指定的长度，缩进的长度可以可以是负值。这个属性通常用于缩进段落的第一行。text-indent作用于块级元素之上，缩进将沿着行内方向展开。text-indent属性的值可以是任意长度单位，包括百分数。百分数取值相对于父元素宽度。

ps.text-indent属性会继承

（2）文本对齐（text-align）

   控制元素中各文本的对齐方式。作用于块级元素。text-align不控制元素的对齐方式，只影响元素中的内容。

（3）对齐最后一行（text-align-last）

   控制块级元素最后一行的对齐方式

2.块级对齐

（1）行高（line-height）

   line-height属性指行的基线之间的距离，与字号无关，决定着元素所在方框的高度是增是减。line-height并不会增加或减少行之间的纵向空间，它实际上控制的是行距，即line-height的值与字体高度之差。

*ps.*line-height从父元素继承时，是根据父元素的font-size值计算的。

（2）纵向对齐文本（vertical-alig）

• baseline：强制元素的基线与父元素的基线对齐。如果目标元素没有基线，元素的底端与父元素的基线对齐。
• sub：把元素放在下标上，即元素的基线低于父元素的基线。
• super：与sub相反。
• bottom：底端对齐，把元素所在行内框的底线与杭框的底边对齐。
• text-bottom：相对行中文本的底边对齐。
• top：与bottom相反。
• text-top：与text-bottom相反。
• middle：中线对齐，通常用在图像上，把行内元素所在方框的中线与父元素基线向上偏移0.5ex处的线对齐。

3.单词间距和字符间距

（1）单词间距（word-spacing）

   用于设置单词间距。

（2）字符间距（letter-spacing）

   用于修改字符或字母之间的距离。

4.文本转换

（1）text-transform

   用于转换文本的大小写。

5.文本装饰

（1）text-decoration

   可以为文本添加下划线、删除线、上划线和文本闪烁。

6.文本渲染

（1）text-rendering

   一个SVG属性，让创作人员指定用户代理在显示文本时应该优先考虑什么方面。

7.文本阴影

（1）text-shadow

   设置文本阴影

8.处理空白

（1）white-space

   影响浏览器对待单词之间及文本行之间空白的方式。

（2）tab-size

   设置制表符的宽度。

9.换行和断字

（1）hyphens

   可以在连字符的位置断字。

（2）word-break

   控制文本软换行的方式。

（3）line-break

   同样设置文本的软换行方式。

（4）overflow-wrap

   可以在单词之间换行。

10.书写模式

（1）writing-mode

   设置文章的书写模式，比如中文通常是从左往右，有些语言的书写模式是从右往左。

（2）text-orientation

   改变文本方向。

（3）direction

   设置文本的书写方向。