工作生活

css文字控制

2019-07-04  本文已影响0人  搬不完的元猿员

3/4

letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。

letter-spacing和word-spacing这两个属性都用来添加他们对应的元素中的空白。letter-spacing添加字母之间的空白,而word-spacing添加每个单词之间的空白。请大家注意,word-spacing对中文无效。

letter-spacing

  语法:

  letter-spacing : normal | length

  参数:

  normal :  默认间隔

  length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位

  说明:

  检索或设置对象中的文字之间的间隔。

  该属性将指定的间隔添加到每个文字之后,但最后一个字将被排除在外。

  对应的脚本特性为letterSpacing。

word-spacing

  语法:

  word-spacing : normal | length

  参数:

  normal :  默认间距

  length :  由浮点数字和单位标识符组成的长度值,允许为负值。请参阅长度单位

  说明:

  检索或设置对象中的单词之间插入的空格数。对于IE4+而言仅在MAC平台上可用。

  对应的脚本特性为wordSpacing。

letter-spacing -- 定义文本中字母的间距(中文为文字的间距)

取值: normal | <length> | inherit

normal: 正常(主要是根据用户所使用的浏览器等设备)

<length>: 长度表示法

inherit: 继承

初始值: normal

继承性: 是

适用于: 所有元素

letter,中文"字母", spacing,中文"间隔"

比较:

letter-spacing定义了字与字之间的距离.

word-spacing是控制字与字之间空格的宽度.

示例

复制代码

代码如下:

.ls3px

{

letter-spacing:3px;

}

.lsn3px

{

letter-spacing:-3px;

}

正值为增大距离,负值为缩小距离.

上一篇下一篇

猜你喜欢

热点阅读