六合开奖结果现场直播欢迎诸位!收藏本站注 册登 陆
常用三肖中特马:基础知识网络知识操作系统WPS网页制作数据库算法网页成功之路网络安全最新技术古典mid流行midmid背景下载中心
您现在的位置:首页 > 三肖中特马 > 文章页

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

Admin | 2015-9-3 11:43:31 | ReadNums | 1818 | 标签 网页制作 | 打印本页
     

  字间隔

  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 :规定字符间距(字母间隔)


问题未解决:在线咨询

网友评论

(访客)
内容实用原创,讲得很好。
20xx年x月x日
(站长)
有问题请在线咨询。
20xx年x月x日