基線概念


 1、基線、底線、頂線、中線



注意:基線(base line)並不是漢字文字的下端沿,而是英文字母“x”的下端沿。<br/>

2、內容區
內容區是指底線和頂線包裹的區域(行內元素display:inline可以通過background-color屬性顯示出來),實際中不一定看得到,但確實存在。內容區的大小依據font-size的值和字數進行變化。

3、行高、行距



**行高(line-height):**包括內容區與以內容區為基礎對稱拓展的空白區域,我們稱之為行高。一般情況下,也可以認為是相鄰文本行基線間的距離。

**行距:**指相鄰文本行間上一個文本行基線和下一文本行頂線之間的距離。當然,我更願意認為是(上文本行行高-內容區高度)/2+(下文本行行高-內容區高度)/2。

4、行內框



行內框是一個瀏覽器渲染模型中的一個概念,無法顯示出來,但是它又確實存在,它的高度就是行高指定的高度。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM