CSS文本间距

CSS 文本间距

❮ 上一个 下一个 ❯

文本间距

在本章中，您将学习以下属性

text-indent

letter-spacing

line-height

word-spacing

white-space

文本缩进

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

示例

p { text-indent: 50px;}

自己动手试一试 »

字母间距

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

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

示例

h1 { letter-spacing: 5px;}h2 { letter-spacing: -2px;}

自己动手试一试 »

行高

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

示例

p.small { line-height: 0.8;}p.big { line-height: 1.8;}

自己动手试一试 »

单词间距

word-spacing 属性用于指定文本中单词之间的间距。

以下示例演示如何增加或减少单词之间的间距

示例

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

自己动手试一试 »

空白

white-space 属性指定如何处理元素内的空白。

此示例演示如何禁用元素内的文本换行

示例

p { white-space: nowrap;}

自己动手试一试 »

CSS 文本间距属性

属性

描述

letter-spacing

指定文本中字符之间的间距

line-height

指定行高

text-indent

指定文本块中第一行的缩进

white-space

指定如何处理元素内的空白

word-spacing

指定文本中单词之间的间距

❮ 上一个 下一个 ❯

★ +1

W3schools 学习路径

跟踪您的进度 - 免费！

登录 注册