小編給大家分享一下line-height帶單位與不帶單位的區(qū)別是什么，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)是專業(yè)的尼開遠(yuǎn)網(wǎng)站建設(shè)公司，尼開遠(yuǎn)接單;提供成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行尼開遠(yuǎn)網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛(ài)的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

一：line-height什么意思

line-height是用來(lái)表示行高，用于控制文字間的間距，我們可以使用line-height來(lái)設(shè)置表格的中心位置，也可以用line-height表示內(nèi)容在表格中的長(zhǎng)度。

用法：

創(chuàng)新互聯(lián)

此時(shí)，文本"創(chuàng)新互聯(lián)"會(huì)在整個(gè)div的左上角。

創(chuàng)新互聯(lián)

二：line-height帶單位與不帶單位的區(qū)別

在上述代碼中，我們可以看到line-height:100px中有一個(gè)px單位，那么line-height帶單位與不帶單位有什么區(qū)別呢，我們先看一張圖:

很多人看到都不會(huì)感到陌生，都會(huì)以為是line-height導(dǎo)致的，其實(shí)我們?yōu)榱藢?shí)現(xiàn)一行文字的垂直居中，就會(huì)給line-height加一個(gè)固定的值，而在有的時(shí)候，我們?cè)谡{(diào)整行間距的時(shí)候，一般會(huì)加上px或者百分比，遇到這種情況下，我們是不考慮繼承，就不會(huì)出現(xiàn)任何問(wèn)題，我們使用到繼承的時(shí)候，就會(huì)初夏以上的問(wèn)題。

其實(shí)只要是line-height繼承，都會(huì)發(fā)生重疊的現(xiàn)象，如果出現(xiàn)line-height后面數(shù)字跟單位的話，則繼承的值就會(huì)換算到一個(gè)具體的值，沒(méi)有后面沒(méi)有單位的話，就直接繼承數(shù)值，會(huì)根據(jù)本身的屬性從新計(jì)算。

看完了這篇文章，相信你對(duì)line-height帶單位與不帶單位的區(qū)別是什么有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！