HTML 中调整文字间距,行间距和文字竖排

字间距:

CSS letter-spacing 属性
letter-spacing属性是CSS2.1提出的.IE6,Firefox1.5,Opera9支持此属性
letter-spacing -- 定义文本中字母的间距(中文为文字的间距)

* 取值: normal | <length> | inherit
o normal: 正常(主要是根据用户所使用的浏览器等设备)
o <length>: 长度表示法
o inherit: 继承
* 初始值: normal
* 继承性: 是
* 适用于: 所有元素
* letter:字母.spacing:间隔.
* 引用网址:http://www.dreamdu.com/css/property_letter_spacing/

比较:

* letter-spacing定义了字与字之间的距离.
* word-spacing是控制字与字之间空格的宽度.

示例

.ls3px
{
letter-spacing:3px;
}

.lsn3px
{
letter-spacing:-3px;
}

正值为增大距离,负值为缩小距离.

css letter-spacing 属性示例
说明:

* letter-spacing属性在英文中代表字母与字母之间的距离,在中文中代表字与字之间的距离.

延伸阅读

* CSS教程中的属性取值正则表达式介绍(一)

参考

* CSS2.1 'letter-spacing'
* CSS3 the 'letter-spacing' property

行间距:

line-height:3px

文字竖排

1. writing-mode(设置对象书写方向)

语法:writing-mode : lr-tb、tb-rl
参数:lr-tb:从左向右,从上往下 tb-rl:从上往下,从右向左
示例:div { writing-mode: tb-rl; }

posted on 2013-08-14 17:34  TrustNature  阅读(2494)  评论(0)    收藏  举报