CSS中字间距letter-spacing与word-spacing的区别

最新推荐文章于 2023-07-20 10:20:17 发布

原创最新推荐文章于 2023-07-20 10:20:17 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #letter-spacing #word-spacing #字间距

本文详细介绍了CSS中的letter-spacing和word-spacing属性，解释了如何调整文本中字符和单词间的空白距离，包括正常间隔和通过长度值设定自定义间隔的方法。

letter-spacing为每个字符之间的空白距离
word-spacing为单词之间的空白距离

letter-spacing

语法：
　　letter-spacing : normal | length
　　参数：
　　normal : 　默认间隔
　　length : 　由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
　　说明：
　　检索或设置对象中的文字之间的间隔。
　　该属性将指定的间隔添加到每个文字之后，但最后一个字将被排除在外。
　　对应的脚本特性为letterSpacing。

word-spacing

语法：
　　word-spacing : normal | length
　　参数：
　　normal : 　默认间距
　　length : 　由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
　　说明：
　　检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
　　对应的脚本特性为wordSpacing。