探索设计与体验的融合
Fusion design exploration and experience
黄埔新闻动态
News
好的黄埔网络营销公司会给客户提出建设性的意见,善于对客户进行良性引导
您的位置:>> 黄埔网站首页 >> 技术文章
黄埔番禺网站建设教大家用letter-spacing调整字间距

    黄埔网站建设:以往大家调整字体间距都是用空格代替,但用这样的方式会令到代码过多,并且不利于优化,所以一直是头疼的问题,用CSS属性letter-spacing可以很好的调整字间距,该属性定义了在文本字符框之间插入多少空间。并允许使用负值,这会让字母之间挤得更紧。
 
字间距属性letter-spacing定义

letter-spacing 属性增加或减少字符间的空白。
    该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。
代码实例:
word
{
  letter-spacing: 10px
}
word
{
  letter-spacing: -0.5px
}
JavaScript修改字间距
CSS 属性也可通过一段 JavaScript 被动态地改变。
object.style.letterSpacing="13px"
注:
如果是英文的话,可以使用利用word-spacing设置词间距属性。

    用这种办法,可以令网页的字符设计更加方便。

相关链接>>
您对此文有什么评论?
类型: 意见建议 内容报错
网友对此文的评论:
未有评论!