這篇文章給大家分享的是有關(guān)css文字行間距如何設(shè)置的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧。
成都創(chuàng)新互聯(lián)公司秉承實(shí)現(xiàn)全網(wǎng)價(jià)值營(yíng)銷的理念,以專業(yè)定制企業(yè)官網(wǎng),成都網(wǎng)站制作、成都做網(wǎng)站,微信小程序開發(fā),網(wǎng)頁(yè)設(shè)計(jì)制作,手機(jī)網(wǎng)站制作,成都營(yíng)銷網(wǎng)站建設(shè)幫助傳統(tǒng)企業(yè)實(shí)現(xiàn)“互聯(lián)網(wǎng)+”轉(zhuǎn)型升級(jí)專業(yè)定制企業(yè)官網(wǎng),公司注重人才、技術(shù)和管理,匯聚了一批優(yōu)秀的互聯(lián)網(wǎng)技術(shù)人才,對(duì)客戶都以感恩的心態(tài)奉獻(xiàn)自己的專業(yè)和所長(zhǎng)。
css文字行間距怎么設(shè)置?css設(shè)置行間距方法
在一篇文章中,每一行文字字體的間距就是我們所說(shuō)的行距,在css中,我們可以使用line-height屬性來(lái)表示行距。行距的設(shè)置可以通過對(duì)line-height的樣式來(lái)實(shí)現(xiàn),只要我們控制line-height屬性,就可以實(shí)現(xiàn)文字字體的距離。代碼如下:
css行間距實(shí)例 我被設(shè)置行高30px
我行距為22
我是占位內(nèi)容我被設(shè)置行高30px
我行距為50
我是占位內(nèi)容
分析:
.a{ line-height:22px}
表示行高為22px;
.b{ line-height:40px}/
表示行高為40px;
效果如下:
要想實(shí)現(xiàn)上下之間的行高,只要設(shè)置line-height的百分比即可,一般都是設(shè)置成14以上,line-height不能小于字體值,不然會(huì)出現(xiàn)不兼容的效果。
也可以是使用margin和padding對(duì)段落之間的行高進(jìn)行設(shè)置,只要我們把margin設(shè)置成一定的距離,就會(huì)出現(xiàn)一定間距。
感謝各位的閱讀!關(guān)于css文字行間距如何設(shè)置就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到吧!