總結：

1.line-height 決定了此元素中的文字的排版，例如如果是多行文字，設定行高小於字型大小可以看到文字重疊（line-height  - 文字大小 = 行距），但文字大小不變，字型大小隻是影響內容區，可替換元素設定line-height後沒什麼反應。

2.某元素的inline box(行內框)，受line-height以及其子元素影響，如果line-height設定的高度小於子元素形成的line box（行記憶體在圖片撐開），子元素形成的line box（行框）就是該元素的inline box（行內框）；如果line-height大於子元素形成的line box則父元素的inline box就是line-height設定的inline box。

3.line box由該行每個元素的行內框來決定，最後取最高的inline box的 上邊界和最低的inline box 元素的下邊界分別作為line box的上下邊界，而不是由各inline 元素 的line-height決定；並且父元素的line-height並不等於該行line box 的高度。

4.只有inline或inline-block元素可以設定vertical-align 屬性，表示inline 元素垂直方向上的對齊方式；

4a. vertical-align:baseline表示與父元素（父元素的inline box）的baseline 對齊，父元素的baseline是由其內部字母x的下邊緣決定；vertical-align : top/bottom表示該行元素的inline box上（下）邊緣對齊後與父元素的top（bottom）對齊。(baseline,top,bottom是跟inline box相關的，而不是內容區)。

5.文字排版是根據line box來的，如果line box中存在可替換元素（圖片），而該可替換元素的高度撐開了line box，那麼line box 的高度會變大，而line-height還是原先設定的，此時，下一行文字會直接跑到下一行，而不去管line-height設定多少，此時，上下兩行的文字可能就大於設定的line-height。

6.行內替換元素的width,height,padding,margin四個方向都正常顯示，並且，margin/padding 設定可以改變行高；而行內非替換元素，margin只有水平方向可以正常顯示，padding四個方向可以顯示，但是垂直方向不佔空間，所以顯示的效果是會覆蓋上面元素，同時，行內非替換元素的margin/padding設定不會改變行高line-height.