在CSS並沒有為我們提供一個直接設置行間距的方式，我們只能通過設置行高來間接的設置行間距，行高越大行間距越大。
使用line-height來設置行高 。
行高類似於我們上學單線本，單線本是一行一行，線與線之間的距離就是行高，網頁中的文字實際上也是寫在一個看不見的線中的，而文字會默認在行高中垂直居中顯示。
行間距 = 行高 - 字體大小。
通過設置line-height可以間接的設置行高，可以接收的值：
1.直接就收一個大小；
2.可以指定一個百分數，則會相對於字體去計算行高；
3.可以直接傳一個數值，則行高會設置字體大小相應的倍數。
對於單行文本來說，可以將行高設置為和父元素的高度一致，這樣可以是單行文本在父元素中垂直居中。
在font中也可以指定行高在字體大小后可以添加/行高，來指定行高，該值是可選的，如果不指定則會使用默認值。
示例demo:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /** * line-height如果是證書,值越大,間距越大 */ .p1 { font-size: 35px; line-height: 2; } .box { width: 200px; height: 200px; background-color: #bfa; /* * 設置“我是一個超鏈”接居中對齊 */ line-height: 200px; } .p2 { /*font: 30px "微軟雅黑"; line-height: 50px;*/ font:30px/50px "微軟雅黑"; } </style> </head> <body> <p class="p2"> 人生若只如初見，何事秋風悲畫扇。 等閑變卻故人心，卻道故人心易變。(一作：卻道故心人易變) 驪山語罷清宵半，淚雨霖鈴終不怨。(一作：淚雨零 / 夜雨霖) 何如薄幸錦衣郎，比翼連枝當日願。 </p> <div class="box"> <a href="#">我是一個超鏈接</a> </div> <p class="p1"> 人生若只如初見，何事秋風悲畫扇。 等閑變卻故人心，卻道故人心易變。(一作：卻道故心人易變) 驪山語罷清宵半，淚雨霖鈴終不怨。(一作：淚雨零 / 夜雨霖) 何如薄幸錦衣郎，比翼連枝當日願。 </p> </body> </html>
結果：
