CSS 之word-spacing——控制字间距
定义和用法
- word-spacing 属性增加或减少单词的空白(即字间隔)。
- 该属性定义元素中字之间插入多少空白符。针对这个属性,“字”定义为由空白符包围的一个字符串。如果指定为长度值,会调整字之间的通常间隔;所以,normal等同于设置为0。允许指定负长度值,这会让自之间更紧。
word-spacing 允许使用负值。
支持CSS的用户代理不一定能确定一个给定语言中哪些是合法的子,而哪些不是。
采用象形文字的语言或非罗马书写体往往无法指定字间隔。
默认值: | normal |
继承性: | yes |
版本: | CSS1 |
JavaScript语法: | object.style.wordSpacing="10px" |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
浏览器 | Chrome | IE | FireFox | Safari | Opera |
版本 | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
参数说明
值 | 描述 |
normal | 默认。定义单词间的标准空间。 |
length | 定义单词间的固定空间。 |
inherit | 规定应该从父元素继承word-spacing属性的值。 |
实例
这里分别规定定字符串的间距。
1 p.spread {word-spacing: 30px;} 2 p.tight {word-spacing: -0.5em;}
p对应的字符串为: This is some text. This is some text. 显示效果如下:
参考网址
- CSS word-spacing属性: https://www.w3school.com.cn/cssref/pr_text_word-spacing.asp
有志者,事竟成,破釜沉舟,百二秦关终属楚; 苦心人,天不负,卧薪尝胆,三千越甲可吞吴。