导航
×
   ❮   
HTML CSS JavaScript PHP Go ECMS

CSS 文本间距和缩进


文字缩进

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

实例

p {
  text-indent: 50px;
}
亲自试一试 »

字母间距

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

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

实例

h1 {
  letter-spacing: 3px;
}

h2 {
  letter-spacing: -3px;
}
亲自试一试 »

行高

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

实例

p.small {
  line-height: 0.8;
}

p.big {
  line-height: 1.8;
}
亲自试一试 »

字间距

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

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

实例

h1 {
  word-spacing: 10px;
}

h2 {
  word-spacing: -5px;
}
亲自试一试 »

空白

white-space 属性指定元素内部空白的处理方式。

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

实例

  p {
  white-space: nowrap;
}
亲自试一试 »

freew3c.com 中文网是独立运营的中文开发者学习平台,与 freew3c.com 无关联。提供的内容仅用于学习和测试,不保证内容的正确性。


Copyright @2020-2026 京ICP备888888号-8