CSS line-height 設定字體範圍高度（行間距） - Wibibi

... CSS a 連結樣式效果設計 · 用CSS 設計出三角形圖案 · CSS display 屬性 · CSS box model 盒子模型 · CSS list-style 列表屬性 · 用CSS 設計HTML button 按鈕大小. 首頁 HTML HTML5 PHP MySQL CSS CSS3 JavaScript 軟體介紹 其它 Home › CSS › CSSline-height設定字體範圍高度（行間距） CSSline-height設定字體範圍高度（行間距） 用CSS語法可以設定輕鬆設定文字的行間距，也就是每行之間的距離，讓閱讀起來更加舒適，如果沒有設定line-height，則每行間的距離以瀏覽器預設的效果呈現，這時候會有一個問題，就是文字大小可能會影響到文章的呈現品質，所以最好還是給line-height値比較好。

CSSline-height基本語法line-height:設定値;設定値的部分可以有normal（預設值）、數字、高度値（含單位）、百分比以及inherit（繼承自父層的行高値）等，其中inherit建議不要使用，因為舊型IE瀏覽器可能不支援，我通常都是使用高度値，看個簡單的範例。

CSSline-height範例　line-height:normal文字行高設定第一行
　line-height:normal文字行高設定第二行呈現效果如line-height:normal文字行高設定第一行line-height:normal文字行高設定第二行範例中我們給line-height的値是20px，這也代表著每行高度為20px，你也可以嘗試用其它的値帶入範例看結果。

要讓文章呈現好的閱讀效果，line-height通常與font-size（文字大小）搭配使用，如果沒有設定好文字大小，可能會出現文字重疊的現象。

延伸閱讀CSS文字垂直置中技巧CSSfont-size文字大小CSSbackground-color背景顏色 您可能會想看 CSSspan區域文字字型設計 CSSspan區域邊框顏色與樣式設計 CSSspan區域背景顏色設計 CSSdisplay:inline-block效果 CSSa連結樣式效果設計 用CSS設計出三角形圖案 CSSdisplay屬性 CSSboxmodel盒子模型 CSSlist-style列表屬性 用CSS設計HTMLbutton按鈕大小 今日熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 即時熱門文章 MySQLSELECTWHEREdate等於上個月的條件判斷寫法 MySQLSELECTWHEREdate等於本月的條件判斷寫法 MySQLSELECTWHEREdate等於昨天的條件判斷寫法 PHPmysqli_set_charset函式設定字符編碼 PHP:mysqli_connect資料庫連線函式 MySQLSELECT判斷今天之前或某天之前的日期條件判斷寫法 MySQLSELECTWHEREdate等於今天的條件判斷寫法 HTMLdiv標籤 CSSAttributeSelectors屬性選擇器 替CSSspan區域增加陰影效果 ©Copyrightwibibi.com網頁設計教學百科基礎的網頁設計規劃、資料庫與程式設計Since2012