现代浏览器对CSS中文字间距实现支持

老肖以前做网站前些年,虽然CSS早就有字间距letter-spacing这一项,用来调整字间距,但是对中文的支持一直不好,也许是浏览器的原因吧,所以碰到字间距的设置,很多时候都用图片代替。现在浏览器早已不是IE6那个时代,都在尽量兼容WEB标准。

客户要求:

zcd.gif

修改对应的CSS,增加一项:letter-spacing: 0.1em;效果立现。

zcd2.gif

关于CSS中letter-spacing字间距项,参见以下css说明:

letter-spacing定义和用法

letter-spacing 属性增加或减少字符间的空白(字符间距)。

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。

注释:允许使用负值,这会让字母之间挤得更紧。

letter-spacing实例:

h1 {letter-spacing:2px}

这篇文章对俺有帮助,打赏犒劳下作者吧〜

本文链接:肖运华 » 网站设计制作优化分析 » 现代浏览器对CSS中文字间距实现支持
原创文章,转载请注明:http://www.xiaoyunhua.com/121.html

发表评论

电子邮件地址不会被公开。