CSS word-spacing 属性用于指定单词之间的距离。

word-spacing属性用于增加或减少某段文字中，单词于单词之间的距离。通过该属性增加的值会以默认的单词距离为基础进行增加。

word-spacing不仅可以应用在文字上，实际上它可以应用在任何内联元素上。word-spacing中的word实际上代表内联或内联块级元素。因此，我们可以使用word-spacing属性来增加或减少某个元素中内联元素的距离，例如图片等。

word-spacing是一个可以动画的CSS属性。关于有哪些CSS 属性是可以动画的，你可以参考。

word-spacing的算法会根据浏览器的不同而有所不同。另外，word-spacing还会受到:justify的影响。

在实际应用中，推荐使用相对单位来设置该属性的值。最佳实践是使用em作为长度单位。因为单词的间距是相对于单词本身，而不是相对于文档的根元素。

官方语法

word-spacing: normal | <length> | <percentage> | inherit

参数：

• normal：使用正常的单词间距，由当前字体或浏览器定义。
• <length>：通过值来指定具体的额外间距来增加字体的单词间距。
• <percentage>：通过指定受影响字符的宽度的的方式来增加单词间距。
• inherit：继承父元素的word-spacing值。

word-spacing属性的初始值为normal。

应用范围

word-spacing属性可以应用所有元素上。

示例代码

word-spacing: normal;    /* 关键字 */
word-spacing: 3px;       /* <length>值 */
word-spacing: 0.3em;

在线演示

浏览器支持

所有的现代浏览器都支持CSS3 word-spacing属性，包括：Chrome, Firefox, Safari, Opera, Internet Explorer, 以及 Android 和 iOS。