网页设计中使用CSS正确设置行高

在进行网页布局设计时，我们经常为行高问题而纠结，如果设计不好，网页中的内容显得拥挤或过宽，在视觉上显得不够美观。下面给出一个比较通用的行高设计方法。

网页布局中的行高是定义一行文本的高度，其高度应由文本的大小来决定。一般来说，在设置文本行高的时候，我经常在字体大小的基础上加上5-7个像素（对12-17像素的字体而言）。下面是在CSS中指定行高的一个方法。

body{
   font-size:14px;
   line-height:21px; /* 14px + 7px */
}