鍍金池/ 問答/HTML/ line-height內(nèi)容區(qū)域的一些疑問

line-height內(nèi)容區(qū)域的一些疑問

這個計算出來的高度決定了 HTML 元素的 content-area（內(nèi)容區(qū)域），后面我會講到 content-area。你可以認(rèn)為 content-area 就是 background 作用的區(qū)域。
對于內(nèi)聯(lián)元素，padding 和 border 會增大 background 區(qū)域，但是不會增大 content-area（不是 line-box 的高度）。一般來說你無法再屏幕上看到 content-area。margin-top 和 margin-bottom 對兩者都沒有影響。
對于可替換內(nèi)聯(lián)元素（replaced inline elements）、inline-block 元素和 blockified 內(nèi)聯(lián)元素，padding、margin 和 border 會增大 height（譯者注：注意 margin），因此會影響 content-area 和 line-box 的高度

上面第一段說content-area 就是 background 作用的區(qū)域，但是對于內(nèi)聯(lián)元素增加了background不是內(nèi)容區(qū)域了，這兩者是不是矛盾了？

文章鏈接

回答
編輯回答
慢半拍

首先贊一下你讀的很仔細(xì)。

看了一下文章，關(guān)于這個問題，我最先看到的時候也很疑惑。不過這是一篇譯文嘛，所以我就去翻了一下原文，原文里這里有注釋的：

it’s not strictly true

所以，這個只是文章前半部分為了讓讀者快速對context-area有個了解的一種不嚴(yán)格的說法。所以后面出現(xiàn)一些矛盾也是正常的。

所以，大致閱讀的話可以看譯文，如果要仔細(xì)研究，還是推薦看原文。

BTW，這篇文章寫的太好了，收藏了。感謝讓我知道這么好的一篇文章。

2018年8月25日 04:47