二维码

CSS 文本间距

CSS 文本间距

文本间距

在本章中,您将了解以下属性:

  • text-indent
  • letter-spacing
  • line-height
  • word-spacing
  • white-space

文本缩进

text-indent:该属性用于指定文本第一行缩进。

1
p {  text-indent: 50px;}

字母间距

letter-spacing:该属性用于指定文本中字符之间的间距。

下面的示例演示如何增加或减少字符之间的间距:

1
2
3
h1 {  letter-spacing: 5px;}  

h2 {  letter-spacing: -2px;}

行高

line-height:该属性用于指定行与行之间的间距。

1
2
3
p.small {  line-height: 0.8;}  

p.big {  line-height: 1.8;}

字间距

word-spacing:该属性用于指定文字间距。

下面的示例演示如何增加或减少文字的间距:

1
2
3
p.one {  word-spacing: 10px;}  

p.two {  word-spacing: -2px;}

空格

white-space:该属性指定如何处理元素内的空格符。

此示例演示段落中的文本不进行换行:

1
p {  white-space: nowrap;}

CSS 文本间距属性

属性 说明
letter-spacing 指定文本中字符之间的间距
line-height 指定行高
text-indent 指定文本块中第一行的缩进
white-space 指定如何处理元素内的空格
word-spacing 指定文本中单词之间的间距