CSS论坛 - Powered by Discuz! Board

标题: css之line-height属性 [打印本页]

作者: zhecool520 时间: 2011-11-11 18:42 标题: css之line-height属性

调整文本行与行指间的距离使用的就是line-height属性，使用line-height属性和没使用line-height的文本看起来大不一样，使用了可以增强文本的可读性，因此，请务必使用line-height属性。

line-height属性很容易理解，操作也很简单，但是经常被网页设计的朋友所遗忘。精心设计完color、size、font-family等属性后别忘记设置一下line-height属性，会发现，调整这些小细节能够产生让人终生难忘的效果时，大家会在今后的每个项目中都坚持做这个工作。通过line-height属性来提高段落的可读性是最值得关注的，规则很简单，比如line-height：150%；这个百分比是根据size来设定的，如果size是20px，那么line-height就是10px;如果line-height:200px;那么行高就是size的两倍，一次类推。

很多情况下，我们也用line-height来让文字垂直居中，比如，我们设定p的高度是30px，line-height也用30px；这时候文字就是在p的中间，这是一种用长度来设定行高的方法，上面的一种方法是用的百分数，大家已经了解了百分数的意义，其实还有一种设定行高的方法，就是用数字，用数字的时候和用百分数差不多，比如，我们写line-height：2；表示行高是size的两倍，如果size是12px；那么行高就是24px。

好了，关于行高的一些知识就简单说到这里吧，今后有发现了再接着说。

欢迎光临 CSS论坛 (http://www.divcss5.com/bbs/)