這篇文章將為大家詳細講解有關在html中更改行間距的方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)致力于成都網(wǎng)站建設、成都做網(wǎng)站,成都網(wǎng)站設計,集團網(wǎng)站建設等服務標準化，推過標準化降低中小企業(yè)的建站的成本，并持續(xù)提升建站的定制化服務水平進行質量交付，讓企業(yè)網(wǎng)站從市場競爭中脫穎而出。 選擇創(chuàng)新互聯(lián)，就選擇了安全、穩(wěn)定、美觀的網(wǎng)站建設服務！

在html中可以通過設置CSS中的line-height屬性來改變行間距，可以給line-height設置的值可以是數(shù)字，像素大小或者是百分比，但是不可以設置成負值

行間距

行間距指的是處于呈現(xiàn)的HTML頁面文本行之間的垂直高度。這個間距值被瀏覽器或渲染引擎設置為適當?shù)闹担酥低ǔＨQ于呈現(xiàn)頁面的字體以及其他因素。

修改默認值

在大多數(shù)現(xiàn)代瀏覽器中行間距通常設置為像素大小或字體大小的110％或120％。這在幾乎所有情況下都很有效，使文本清晰易讀。想要修改默認的行間距，通常使用級聯(lián)樣式表（CSS）中的一個屬性值line-height來修改

我們可以像指定css中的其他大小一樣指定line-height的值，可以是數(shù)字，像素大小，也可以是百分比

使用相對數(shù)字

將值指定為數(shù)字時，它基于當前字體大小作為基數(shù)。當前字體大小乘以您指定的數(shù)字，以計算行之間的行高或空格。

<p style="background-color:yellow">
瀏覽器默認行間距：創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程
</p>
<p style="line-height:2.4;background-color: pink;">
自定義行高：創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程
</p>

效果圖如下：

使用像素大小

還可以使用像素大小指定行高，這使得間距與正在使用的字體無關。

<p style="background-color:yellow">
	瀏覽器默認行間距：創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程
</p>
	<p style="line-height:30px;background-color: pink;">
	自定義行高：創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程
</p>

效果圖如下：

使用百分比

使用百分比時，它與使用數(shù)字類似，它基于元素的當前字體大小。百分比實際上是一種不同的規(guī)范方式

<p style="background-color:yellow">
	瀏覽器默認行間距：創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程
</p>
	<p style="line-height:70%;background-color: pink;">
	自定義行高：創(chuàng)新互聯(lián)建站提供大量免費、原創(chuàng)、高清的php視頻教程
</p>

效果圖如下：

注意：line-height屬性中不允許使用負值。

關于在html中更改行間距的方法就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網(wǎng)頁題目：在html中更改行間距的方法-創(chuàng)新互聯(lián)
分享路徑：http://www.chinadenli.net/article22/dpdicc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供外貿建站、網(wǎng)站排名、企業(yè)建站、網(wǎng)站建設、網(wǎng)站收錄、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)