Dzwebs.Net

撰写电脑技术杂文十余年

word-spacing单词字间距和字母间隔letter-spacing

Admin | 2015-9-3 11:43:31 | 被阅次数 | 4520

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  字间隔

  word-spacing 属性可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。

  word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近:

  p.spread {word-spacing: 30px;}
  p.tight {word-spacing: -0.5em;}

  <p class="spread">
   This is a paragraph. The spaces between words will be increased.
  </p>

  <p class="tight">
   This is a paragraph. The spaces between words will be decreased.
  </p>

  实例 TIY :增加或减少单词间距(字间隔)

  注释:如需深入理解 CSS 对“字”(word)的定义,请访问 CSS word-spacing 属性参考页。

  字母间隔

  letter-spacing 属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。

  与 word-spacing 属性一样,letter-spacing 属性的可取值包括所有长度。默认关键字是 normal(这与 letter-spacing:0 相同)。输入的长度值会使字母之间的间隔增加或减少指定的量:

  h1 {letter-spacing: -0.5em}
  h4 {letter-spacing: 20px}

  <h1>This is header 1</h1>
  <h4>This is header 4</h4>

  实例 TIY :规定字符间距(字母间隔)


该杂文来自: 网页制作杂文

上一篇:使用CSS的text-indent实现网页段落首行缩进悬挂缩

下一篇:none uppercase lowercase capitalize控制网页

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计