摘要：默認(rèn)情況下，行內(nèi)元素不會(huì)以新行開始，而塊級(jí)元素會(huì)新起一行。常見的內(nèi)聯(lián)元素有分類替換元素在中，可替換元素的展現(xiàn)效果不是由來控制的。這些元素是一種外部對(duì)象，它們外觀的渲染，是獨(dú)立于的。

在寫作本文章前原本打算只是復(fù)習(xí)一下 line-height 和 vertical-height 這兩個(gè)屬性而已, 結(jié)果發(fā)現(xiàn)掉進(jìn)了一個(gè)大坑網(wǎng)上有很多篇文章看的我云里霧里的, 最后決定還是從頭來一遍吧, 這篇文章是這次的一個(gè)記錄.

這次的故事雖然時(shí)因?yàn)?line-height 和 vertical-align 這兩個(gè)屬性引起的, 但是實(shí)際上本篇文章中主要探討的話題是 "文本是如何渲染", 雖然這兩個(gè)屬性與話題關(guān)聯(lián)很大但是本文中不會(huì)過多的提及它們, 請(qǐng)確保熟悉它們.

你也可以直接跳過這章, 去閱讀后面精彩的部分, 如果遇到了概念問題可以在回來進(jìn)行查閱.

我們這里不會(huì)仔細(xì)的討論 "內(nèi)聯(lián)元素", 只是為了后面的內(nèi)容做鋪墊, 這些內(nèi)容可能需要你提前預(yù)習(xí).

另外 "內(nèi)聯(lián)元素" 和 "行內(nèi)元素" 實(shí)際上是同一個(gè)東西只是叫法不同, 但是本篇文章中沒有統(tǒng)一叫法.

一個(gè)內(nèi)聯(lián)元素只占據(jù)它對(duì)應(yīng)標(biāo)簽的邊框所包含的空間。

默認(rèn)情況下，行內(nèi)元素不會(huì)以新行開始，而塊級(jí)元素會(huì)新起一行。

常見的內(nèi)聯(lián)元素有:

b, big, i, small, tt

abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var

a, bdo, br, img, map, object, q, script, span, sub, sup

button, input, label, select, textarea

在 CSS 中，可替換元素（replaced element）的展現(xiàn)效果不是由 CSS 來控制的。這些元素是一種外部對(duì)象，它們外觀的渲染，是獨(dú)立于 CSS 的。

典型的替換元素有: