CSS文字控制之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;
}


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

以上就是CSS文字控制之letter-spacing和word-spacing。温柔的大理,想和你一起,看一看日出彩云;想和你一起,听一听洱海的呼吸……更多关于CSS文字控制之letter-spacing和word-spacing请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
CSS通过letter-spacing属性 控制字与字间隔

css 控制first-letter伪类的背景

CSS first-letter伪类元素的特点

css让页脚保持在底部位置的四种方案

Flex布局史上最简单使用语法教程