字体排印相关的 CSS 属性
2016-10-23 · 柯庆荣 · 4 分钟阅读 间距
letter-spacing
- 定义: 字符间的空白(字符间距)。可以增加或者减少。
- 取值:
normal / <length> / inherit。
word-spacing
- 定义: 单词间的空白(字间距)。可以增加或者减少。
- 取值:
normal / <length> / <percentage> / inherit。
line-height
- 定义: 行间距。可以增加或者减少。
- 取值:
normal / <length> / <percentage> / inherit。
margin, padding
对齐
text-align
- 定义: 文本对齐方式。
- 取值:
left / right / center / justify
left: 左对齐。right: 右对齐。center: 居中对齐。justify: 两端对齐。
缩进
text-indent
- 定义: 文本首行缩进。
- 取值:
0 / <length> / <percentage> / inherit。
换行
white-space
- 定义: 文本空白符。换行符、制表符也属于
white space。
- 取值:
normal / nowrap / pre / pre-wrap / pre-line
normal: 合并空白符(换行符、制表符、空格)，内容溢出时自动换行。nowrap: 合并空白符(换行符、制表符、空格)，内容溢出时不会自动换行。pre: 保留空白符，内容溢出时不会自动换行。pre-wrap: 保留空白符，内容溢出时自动换行。pre-line: 合并空白符(换行符保留)，内容溢出时自动换行。
word-wrap / overflow-wrap (对CJK文本无效)
- 定义: 单词换行。
- 取值:
normal / break-word
normal: 默认值，只在单词结束处换行。break-word: 单词长度溢出时会自动截断、换行。
word-break (对CJK文本有效)
- 定义: 文字换行。
- 取值:
normal / break-all / keep-all
normal: 使用默认的换行规则。CJK 文本换行。break-all: 对于 Non-CJK(中文、日文、韩文)文本，可在任意字符间换行(无视<br>)。打碎所有空格，全部重排。keep-all: CJK 文本不换行。 Non-CJK 文本(包括中文标点)表现同 normal。
文本转换
text-transform
- 定义: 文本转换。
- 取值:
none / capitalize / uppercase / lowercase / full-width
none: 默认不转换。capitalize: 每个单词首字母转换为大写。uppercase: 每个字母都转换为大写。lowercase: 每个字母都转换为小写。full-width: 每个字母都转换为全角字符(只有Firefox有效)。
参考链接