CSS word-spacing 属性

CSS 中的 word-spacing 属性用于控制单词之间的间距。它可以帮助我们调整文本框中单词之间的距离，并使文本更易于阅读。

语法

word-spacing 属性的语法如下：

word-spacing: normal|length|initial|inherit;

默认值为 normal。

取值

• normal: 默认值。单词之间的间距和字母之间的间距相同。
• length: 指定间距的长度值，可以是正数或负数。
• initial: 将单词间距设置为默认值。
• inherit: 继承父元素的单词间距值。

实例

p {
  word-spacing: 2px;
}

在这个例子中，p 元素中的单词之间的距离将会增加 2 像素。

h1 {
  word-spacing: -3px;
}

在这个例子中，h1 元素中的单词之间的距离将会减少 3 像素。

注意事项

• word-spacing 属性只能用于块级元素。
• word-spacing 属性不会影响逐行断字或连字符。
• word-spacing 属性会影响每个单词的间距，包括空格。
• word-spacing 属性仅适用于字母之间的间距，对字符之间的间距无效。

总结

word-spacing 属性可以帮助我们调整文本中单词之间的距离，并提高文本的可读性。它可以通过改变文本中每个单词之间的间距，来实现不同样式的文本效果。需要注意的是，该属性仅适用于块级元素，只对字母之间的间距有效，而且不会影响逐行断字或连字符。