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
设置文本的书写方向。