CSS－行內(nèi)框、行框、行高

  • 內(nèi)容區(qū)

頂線和底線包含的區(qū)域

  • 行內(nèi)框

每個行內(nèi)元素會生成一個行內(nèi)框，行內(nèi)框是一個瀏覽器渲染模型中的一個概念，無法顯示出來，在沒有其他因素影響的時候（padding等），行內(nèi)框等于內(nèi)容區(qū)域。設定行高時行內(nèi)框高度不變，半行距分別增加/減少到行框的上下兩邊。簡單說來，行內(nèi)框就是行內(nèi)元素的邊框。

  • 行框

行框是指本行的一個虛擬的矩形框，是瀏覽器渲染模式中的一個概念，并沒有實際顯示。行框高度等于本行內(nèi)所有元素中行內(nèi)框最大的值。當有多行內(nèi)容時，每行都會有自己的行框。

參考

  1. CSS深入理解vertical-align和line-height的基友關系
  2. CSS行高——line-height
最后編輯于 ：
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,170評論 1贊 92
  • 基本框 CSS假定每個元素都會生成一個或多個矩形框，這稱為元素框。各元素框中心有一個內(nèi)容區(qū)(content are...
    exialym閱讀 985評論 0贊 2
  • 參考文章：深入了解CSS的line-height屬性Vertical-Align: 你需要知道的所有事【譯】Ver...
    若邪Y閱讀 3,568評論 1贊 6
  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素；行內(nèi)(內(nèi)聯(lián)、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,217評論 1贊 4
  • 黯然如夜，湖無不起波瀾！雨至淋漓西山，石頭滾落聲音。歲月的吶喊！山崩地裂皆與我無關，磋砣之行唯剩哀嘆！欲乘一縷清風...
    今生戒煙來生戒酒閱讀 317評論 0贊 0

友情鏈接更多精彩內(nèi)容