word-spacing 属性是 CSS 中用于设置单词之间的间距的属性。它控制文本中单词之间的额外空白间距。

语法如下:
word-spacing: normal | <length> | <percentage> | inherit;

常见的取值包括:

  •  normal:默认值,使用浏览器默认的单词间距。

  •  <length>:使用具体的长度值(如像素、em 等)来设置单词间距。

  •  <percentage>:相对于父元素字体大小的百分比值。

  •  inherit:继承父元素的 word-spacing 值。


下面是一个简单的例子,演示了如何使用 word-spacing:
.normal {
  word-spacing: normal; /* 使用默认的单词间距 */
}

.custom-spacing {
  word-spacing: 5px; /* 设置具体的像素值作为单词间距 */
}

.percentage-spacing {
  word-spacing: 20%; /* 设置相对于父元素字体大小的百分比值 */
}

在这个例子中,.normal 类的元素使用了默认的单词间距,.custom-spacing 类的元素设置了 5px 的单词间距,.percentage-spacing 类的元素设置了相对于父元素字体大小的 20% 的单词间距。


转载请注明出处:http://www.zyzy.cn/article/detail/4265/CSS