極客小俊

把邏輯思維轉(zhuǎn)變?yōu)榇a的技術(shù)博主

你不用拼過聰明人，你只需要拼過那些懶人 你就一定會(huì)超越大部分人!

概念: 行高指的是文本行的基線之間的距離, 更簡(jiǎn)單來說行高是指文本行基線間的垂直距離, 行高也是文字大小與行距的和, 行高越大則行間距越大! ?

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

但是很多人就只是知道 ?line-height屬性用于設(shè)置行高, 而行高到底是一個(gè)什么東西并不是很清楚!

那么在了解行高之前,我們就必須要先掌握這幾個(gè)概念: 頂線、中線、基線、底線、x-height、ex、內(nèi)聯(lián)盒模型、行距等..

知道這些概念之后才能真正的去理解line-height屬性的意義!

我把相關(guān)知識(shí)點(diǎn)分為三篇文章 大家選擇觀看閱讀!

1.先要知道一些跟line-height相關(guān)的基礎(chǔ)知識(shí)點(diǎn)!? 例如:CSS中的基線、頂線、底線、中線、x-height的含義!

2.了解CSS中的ex單位、內(nèi)聯(lián)盒子模型、line-height與內(nèi)聯(lián)元素高度之間的關(guān)系!

3.到這里再來談line-height一定會(huì)理解得更加透徹

大家的支持就是我堅(jiān)持下去的動(dòng)力!