CSS 文本间距
文本间距
在本章中,您将了解以下属性:
text-indentletter-spacingline-heightword-spacingwhite-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评论