在html中更改行間距的方法-創(chuàng)新互聯(lián)

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

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

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

在html中更改行間距的方法

行間距

行間距指的是處于呈現(xiàn)的HTML頁(yè)面文本行之間的垂直高度。這個(gè)間距值被瀏覽器或渲染引擎設(shè)置為適當(dāng)?shù)闹?,此值通常取決于呈現(xiàn)頁(yè)面的字體以及其他因素。

修改默認(rèn)值

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

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

使用相對(duì)數(shù)字

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

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

效果圖如下:

在html中更改行間距的方法

使用像素大小

還可以使用像素大小指定行高,這使得間距與正在使用的字體無關(guān)。

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

效果圖如下:

在html中更改行間距的方法

使用百分比

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

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

效果圖如下:

在html中更改行間距的方法

注意:line-height屬性中不允許使用負(fù)值。

關(guān)于在html中更改行間距的方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。

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

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

廣告

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

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)