CSS 文本间距
文本间距
在本章中,您将了解以下属性:
text-indent
letter-spacing
line-height
word-spacing
white-space
文本缩进
text-indent
:该属性用于指定文本第一行缩进。
1 | p { text-indent: 50px;} |
字母间距
letter-spacing
:该属性用于指定文本中字符之间的间距。
下面的示例演示如何增加或减少字符之间的间距:
1 | h1 { letter-spacing: 5px;} |
行高
line-height
:该属性用于指定行与行之间的间距。
1 | p.small { line-height: 0.8;} |
字间距
word-spacing
:该属性用于指定文字间距。
下面的示例演示如何增加或减少文字的间距:
1 | p.one { word-spacing: 10px;} |
空格
white-space
:该属性指定如何处理元素内的空格符。
此示例演示段落中的文本不进行换行:
1 | p { white-space: nowrap;} |
CSS 文本间距属性
属性 | 说明 |
---|---|
letter-spacing | 指定文本中字符之间的间距 |
line-height | 指定行高 |
text-indent | 指定文本块中第一行的缩进 |
white-space | 指定如何处理元素内的空格 |
word-spacing | 指定文本中单词之间的间距 |
0评论