在CSS中，使用line-height屬性來控制文本的行高。很多書本上稱line-height為行間距，這是不嚴謹的叫法。行高，顧名思義就是“一行的高度”，而行間距指的是“兩行文本之間的距離”，大家稍微想一下就知道這是兩個不一樣的概念。
在我還是初學者的時候，也搞不懂line-height究竟指的是怎樣的一個概念。後來經過多方參考才真正了解line-height。對於CSS初學者，大家記住一點就行了：line-height指的是行高，而不是行間距。
line-height涉及的理論知識非常多，我們在即將上線的“CSS進階教程”中會更深入地剖析line-height屬性的本質。
語法：
line-height:像素值;
說明：
在CSS入門教程中，我們都是采用像素做單位。
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>line-height屬性</title>
<style type="text/css">
#p1{line-height:14px;}
#p2{line-height:18px;}
#p3{line-height:20px;}
</style>
</head>
<body>
<p id="p1">水陸草木之花，可愛者甚蕃。晉陶淵明獨愛菊。自李唐來，世人甚愛牡丹。予獨愛蓮之出淤泥而不染，濯清漣而不妖，中通外直，不蔓不枝，香遠益清，亭亭淨植，可遠觀而不可亵玩焉。</p><hr/>
<p id="p2">水陸草木之花，可愛者甚蕃。晉陶淵明獨愛菊。自李唐來，世人甚愛牡丹。予獨愛蓮之出淤泥而不染，濯清漣而不妖，中通外直，不蔓不枝，香遠益清，亭亭淨植，可遠觀而不可亵玩焉。</p><hr/>
<p id="p3">水陸草木之花，可愛者甚蕃。晉陶淵明獨愛菊。自李唐來，世人甚愛牡丹。予獨愛蓮之出淤泥而不染，濯清漣而不妖，中通外直，不蔓不枝，香遠益清，亭亭淨植，可遠觀而不可亵玩焉。</p>
</body>
</html>
在浏覽器預覽效果如下：