css如何設置行距？其實在css并沒有一個直接設置行間距的方式，只能通過間接的設置行高來實現行間距效果，行高越大就表明行間距越大。本章就給大家介紹css中是怎樣通過設置行高來屬性行間距效果的，讓大家可以了解css文本文字的行間距是如何調整的。有一定的參考價值，有需要的朋友可以參考一下，希望對你們有所幫助。
首先我們先了解一下什么是行高，在css中又是如何設置行高，進而設置和調整行間距。
簡單來說：行高類似于單線本，單線本里是用一行一行線條隔開的空間，線與線之間的距離就是行高。網頁中的文本文字實際上是寫在一條看不見的線中的，然后會默認在行高中垂直居中顯示。那么在css中是如何設置行高的？在css中可以通過 line- 屬性來設置行高，下面我們來簡單介紹一下css line- 屬性吧。
css line- 屬性 會影響行框的布局，是用來設置行與行之間的距離（行高）的css設置表格行的高度，不允許使用負值。在應用到一個塊級元素的時候css設置表格行的高度，它定義了該元素中基線之間的最小距離而不是最大距離。
line- 與 font-size 的計算值之差（在 CSS 中成為“行間距”）分為兩半，分別加到一個文本行內容的頂部和底部。可以包含這些內容的最小框就是行框。
下面我們來看看css line-屬性 可能會用的的值：
我們來用實例介紹line-屬性是如何設置和調整行間距，下面會舉例介紹設置行間距的方法：
1、使用數值來設置行間距
使用數值來設置行間距
這是擁有標準行高的段落。 默認行高大約是 1。 這是擁有標準行高的段落。 這是擁有標準行高的段落。 這是擁有標準行高的段落。 這是擁有標準行高的段落。 這是擁有標準行高的段落。
這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。
這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。
效果圖：
2、使用像素值設置行間距
使用數值來設置行間距
這是擁有標準行高的段落。 在大多數瀏覽器中默認行高大約是 20px。 這是擁有標準行高的段落。 這是擁有標準行高的段落。 這是擁有標準行高的段落。 這是擁有標準行高的段落。 這是擁有標準行高的段落。
這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。
這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。
效果圖：
3、使用百分比設置行間距
line-屬性指定了一個百分數，則會相對于字體去計算行高。
使用數值來設置行間距
這是擁有標準行高的段落。 在大多數瀏覽器中默認行高大約是 110% 到 120%。 這是擁有標準行高的段落。 這是擁有標準行高的段落。 這是擁有標準行高的段落。 這是擁有標準行高的段落。 這是擁有標準行高的段落。
這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。 這個段落擁有更小的行高。
這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。 這個段落擁有更大的行高。
效果圖：
總結：以上就是本篇文的全部內容，希望能對大家的學習有所幫助。更多相關教程請我！！！