(转)CSS定义字体间距 字体行与行间距
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了(转)CSS定义字体间距 字体行与行间距,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1107字,纯文字阅读大概需要2分钟。
内容图文
源网址:http://www.cnblogs.com/jian1982/archive/2010/07/03/1770349.html
CSS定义字体行间距 line-height:xxpx;
CSS定义字体间距
下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表:
属性 | 属性含义 | 属性值 |
Word-spacing | 定义了各个单词之间的间距 | Normal<length>必须以长度为单位 |
Letter-spacing | 定义了每个字母之间的间距 | 同上 |
Text-decoration | 定义文字的“装饰”样式 |
None|underline|overline| line-through|blink |
Vertical-align |
定义了元素在垂直方向 上的位置 |
Baseline|sub|super|top|text-top|middle|bottom|text-bottom <percentage> |
text-transform | 使文本转换为其它形式 | Capitalize|uppercase|lowercase|none |
Text-align | 定义了文字的对齐方式 | Left|right|center|justify |
Text-indent | 定义了文本的首行的缩进方式 | <length>|<percentage> |
Line-height | 定义了文本的行高 |
Normal|<unmber>|<length>| <percentage> |
我们可以从表中看到在这里可以定义文本的文字间距、字母间距、装饰、对齐方式、缩进方式和行高等属性。
举个例子来看看吧:
CODE:
<p style="letter-spacing:5px;text-align:justify;text-indent: 4em;line-height:17pt">我们看到经过文本属性处理的文本字与字之间多了间距,行与行之间多了行高,对齐方式变成了两端对齐,并且段首又多缩进了两格。</p>
letter-spacing设置了字间距为5px,其中5px为一个长度单位;text-align设置了对齐方式为两端对齐;indent设置了缩进格为4em;line-height设置了行高为17pt
从上面的例子,我们可以看出利用CSS的文本属性可以方便的对页面中的文本进行排版。
原文:http://www.cnblogs.com/fengzhentian/p/4576336.html
内容总结
以上是互联网集市为您收集整理的(转)CSS定义字体间距 字体行与行间距全部内容,希望文章能够帮你解决(转)CSS定义字体间距 字体行与行间距所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。