CSS字符、单词词间距，首行缩进

来源：化拓教育网

letter-spacing属性接受各种单位，如像素（px）、百分比（%）或 em 等。使用 normal 值可恢复默认的字间距。

p {
  letter-spacing: 2px; /* 设置字间距为 2 像素 */
}

p {
  letter-spacing: -1px; /* 设置字间距为 -1 像素，负值将字符压缩在一起 */
}

word-spacing：单词间距

word-spacing 属性接受各种单位，如像素（px）、em、百分比（%）等。正值表示增加单词间距，负值表示减小单词间距。使用 normal 值可恢复默认的单词间距。

p {
  word-spacing: 3px; /* 单词间距为 3 像素 */
}

p {
  word-spacing: -2px; /* 单词间距为 -2 像素，负值将单词压缩在一起 */
}

text-indent：首行缩进

text-indent 属性接受各种单位，如像素（px）、em、百分比（%）等。正值表示向右缩进，负值表示向左缩进。使用 text-indent: 0; 来取消文本的首行缩进效果，或使用 text-indent: inherit; 从父元素继承缩进值。

p {
  text-indent: 2em; /* 缩进值为 2 个字母 "m" 的宽度 */
}

p {
  text-indent: -20px; /* 负值表示反向缩进，将文本块向左移动 */
}

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文