- ·上一篇文章:IE6中网页双倍边距的问题解决方法
- ·下一篇文章:CSS伪元素before的使用方法
网页设计中使用CSS正确设置行高
:2012-07-23 11:48:28
在进行网页布局设计时,我们经常为行高问题而纠结,如果设计不好,网页中的内容显得拥挤或过宽,在视觉上显得不够美观。下面给出一个比较通用的行高设计方法。
网页布局中的行高是定义一行文本的高度,其高度应由文本的大小来决定。一般来说,在设置文本行高的时候,我经常在字体大小的基础上加上5-7个像素(对12-17像素的字体而言)。下面是在CSS中指定行高的一个方法。
body{
font-size:14px;
line-height:21px; /* 14px + 7px */
}
网页设计中使用CSS正确设置行高