字间距

**word-spacing** CSS 属性设置单词之间以及标签之间的空间长度。

试试看

语法

css

/* Keyword value */
word-spacing: normal;

/* <length> values */
word-spacing: 3px;
word-spacing: 0.3em;

/* Global values */
word-spacing: inherit;
word-spacing: initial;
word-spacing: revert;
word-spacing: revert-layer;
word-spacing: unset;

Values

normal: 正常单词间距，由当前字体和/或浏览器定义。
<length>: 除了字体定义的固有单词间距外，还指定额外的间距。

无障碍

一个大的正数或负数 word-spacing 值会使应用样式的句子变得难以阅读。对于使用非常大的正数值进行样式化的文本，单词之间会相隔很远，以至于看起来不再像句子。对于使用大负数值进行样式化的文本，单词会彼此重叠，以至于每个单词的开头和结尾都无法识别。

可读的 word-spacing 必须根据具体情况进行确定，因为不同的字体系列具有不同的字符宽度。没有一个值可以自动确保所有字体系列都保持其可读性。

示例

HTML

html

<div id="mozdiv1">Lorem ipsum dolor sit amet.</div>
<div id="mozdiv2">Lorem ipsum dolor sit amet.</div>

CSS

css

#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
}

正式定义

初始值	`normal`
适用于	所有元素。它也适用于 `::first-letter` 和 `::first-line`。
继承	yes
百分比	指的是受影响字形的宽度
计算值	绝对 `<length>`
动画类型	一个长度

正式语法

word-spacing = 
  normal    |
  <length>

规范

规范
CSS 文本模块级别 3 # word-spacing-property

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅

letter-spacing