css 字间距离_css 字体字符间距设置 [演示-语法]
下面的CSS属性可以使你做到HTML标签做不到的事情:控制字间距及字母间距。
字间距
利用字间距属性,你可以在字之间加入更 多的距离:
H3 { word-spacing: 1em }
你所使用的参数值将加入任何浏览器的缺省设置,你可以使用下面的任何一种长度单位:
in (英寸)
cm (厘米)
mm (毫米)
pt (点数)
pc (打字机字间距)
em (ems)
ex (x-height)
px (象素)
如果你看不到任何不同之处,则说明你的浏览器不支持这种属性,只有MAC机用的IE4能支持这种字间距设置。
字母间距
H3 { letter-spacing: 10px }
字母间距的功能和字间距的很类似:其参数值将被加入到浏览器的缺省设置中,你可以使用上述任何一种长度单位。
对于这两种属性,你都可以使用normal参数。从而使其按照浏览器的原有缺省设置 显示。
字间距
利用字间距属性,你可以在字之间加入更 多的距离:
H3 { word-spacing: 1em }
你所使用的参数值将加入任何浏览器的缺省设置,你可以使用下面的任何一种长度单位:
in (英寸)
cm (厘米)
mm (毫米)
pt (点数)
pc (打字机字间距)
em (ems)
ex (x-height)
px (象素)
如果你看不到任何不同之处,则说明你的浏览器不支持这种属性,只有MAC机用的IE4能支持这种字间距设置。
字母间距
H3 { letter-spacing: 10px }
字母间距的功能和字间距的很类似:其参数值将被加入到浏览器的缺省设置中,你可以使用上述任何一种长度单位。
对于这两种属性,你都可以使用normal参数。从而使其按照浏览器的原有缺省设置 显示。
2012-11-03 21:25:10 通过电脑发布 707次围观
« 前一编:textarea 滚动条属性设置
常用正则表达式:后一编 »
【关于css 字间距离_css 字体字符间距设置的最近评论/回复】
第1楼
2012-11-03 21:36:36
在在在在吗
letter-spacing 在ie与ff下解析不一样.ff解析时最后一个字后面会加上所定义的距离,而IE不会,因此就会造成定义间距越大差别越大!
特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格 IE下则会认为这是一个字符.也会给这个空格加上letter-spacing值
特别注意的是,在内容最后一个字后面不能出现空格。如果出现空格 IE下则会认为这是一个字符.也会给这个空格加上letter-spacing值
第2楼
2012-11-03 21:33:52
在在在在吗
汉字间字间距设置:letter-spacing
英文间字间距设置:word-spacing:
H3 { word-spacing: 1em }
参数:
•in (英寸)
•cm (厘米)
•mm (毫米)
•pt (点数)
•pc (打字机字间距)
•em (ems)
•ex (x-height)
•px (象素)
英文间字间距设置:word-spacing:
H3 { word-spacing: 1em }
参数:
•in (英寸)
•cm (厘米)
•mm (毫米)
•pt (点数)
•pc (打字机字间距)
•em (ems)
•ex (x-height)
•px (象素)