letter-spacing:字符间距
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; /* 负值表示反向缩进,将文本块向左移动 */
}