摘要：默認情況下，行內元素不會以新行開始，而塊級元素會新起一行。常見的內聯元素有分類替換元素在中，可替換元素的展現效果不是由來控制的。這些元素是一種外部對象，它們外觀的渲染，是獨立于的。

在寫作本文章前原本打算只是復習一下 line-height 和 vertical-height 這兩個屬性而已, 結果發現掉進了一個大坑網上有很多篇文章看的我云里霧里的, 最后決定還是從頭來一遍吧, 這篇文章是這次的一個記錄.

這次的故事雖然時因為 line-height 和 vertical-align 這兩個屬性引起的, 但是實際上本篇文章中主要探討的話題是 "文本是如何渲染", 雖然這兩個屬性與話題關聯很大但是本文中不會過多的提及它們, 請確保熟悉它們.

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

我們這里不會仔細的討論 "內聯元素", 只是為了后面的內容做鋪墊, 這些內容可能需要你提前預習.

另外 "內聯元素" 和 "行內元素" 實際上是同一個東西只是叫法不同, 但是本篇文章中沒有統一叫法.

一個內聯元素只占據它對應標簽的邊框所包含的空間。

默認情況下，行內元素不會以新行開始，而塊級元素會新起一行。

常見的內聯元素有:

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）的展現效果不是由 CSS 來控制的。這些元素是一種外部對象，它們外觀的渲染，是獨立于 CSS 的。

典型的替換元素有: