1.在文件夹中创建一个“test”的html文件。如图所示
2.在里面添加html标签框架。如图所示
3.在里面添加一个“div”并放入文字。如图所示
4.然后我们发现默认文字之间比较紧凑。如图所示
5.现在我们给div设置一个id为“wd”。如图所示
6.通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing:30px}如图所示
7.在浏览器中打开我们发现字间距变大了。如图所示
letter-spacing添加字母之间的空白word-spacing添加每个单词之间的空白word-spacing
语法:
word-spacing
:
normal
|
length
参数:
normal
:
默认间距
length
:
由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
说明:
检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。
对应的脚本特性为wordSpacing。letter-spacing
语法:
letter-spacing
:
normal
|
length
参数:
normal
:
默认间隔
length
:
由浮点数字和单位标识符组成的长度值，允许为负值。请参阅长度单位
说明:
检索或设置对象中的文字之间的间隔。
该属性将指定的间隔添加到每个文字之后，但最后一个字将被排除在外。
