這篇文章主要介紹了css如何設(shè)置文本的行距,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
創(chuàng)新互聯(lián)建站是一家以網(wǎng)絡(luò)技術(shù)公司,為中小企業(yè)提供網(wǎng)站維護(hù)、網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、網(wǎng)站備案、服務(wù)器租用、申請(qǐng)域名、軟件開(kāi)發(fā)、微信平臺(tái)小程序開(kāi)發(fā)等企業(yè)互聯(lián)網(wǎng)相關(guān)業(yè)務(wù),是一家有著豐富的互聯(lián)網(wǎng)運(yùn)營(yíng)推廣經(jīng)驗(yàn)的科技公司,有著多年的網(wǎng)站建站經(jīng)驗(yàn),致力于幫助中小企業(yè)在互聯(lián)網(wǎng)讓打出自已的品牌和口碑,讓企業(yè)在互聯(lián)網(wǎng)上打開(kāi)一個(gè)面向全國(guó)乃至全球的業(yè)務(wù)窗口:建站服務(wù)熱線:18980820575
在css中,可以利用line-height屬性來(lái)設(shè)置文本的行距,該屬性的作用就是設(shè)置行間的距離、調(diào)節(jié)每行文字字體間距的,只需要給文本元素添加“l(fā)ine-height:間距值;”樣式即可;需要注意,間距值不可為負(fù)值。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在css中,想要實(shí)現(xiàn)調(diào)節(jié)設(shè)置每行文字字體間距(行距)是使用line-height屬性。
line-height 屬性設(shè)置行間的距離(行高)。注釋:不允許使用負(fù)值。
我被設(shè)置行高22px
我行距為22
測(cè)試文本,占位內(nèi)容我被設(shè)置行高40px
我行距為40
測(cè)試文本,占位內(nèi)容
效果圖:
說(shuō)明:line-height 屬性可以設(shè)置的值
number
設(shè)置數(shù)字,此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距。
length
設(shè)置固定的行間距。
%
基于當(dāng)前字體尺寸的百分比行間距。
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“css如何設(shè)置文本的行距”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!