现代浏览器对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}

相关文章

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注