line-height學習筆記

line-height定義,又稱行高

line-height 兩行文字之間基線（或中線，或頂線）之間的距離，不是指行間距

1. 不同的字體 基線位置也不一樣

2. 不同的語言基線是不一樣的
   
   
   

   • line-height爲零，兩行文字重合

   • 通常我們說：line-height 可以使單行文本自動垂直居中（事實上並沒有垂直居中，而是稍偏下，具體緣由見下回分解）

   • 圖片也是屬於文本，當文本字體是14px時，通過line-height看起來圖片稍稍偏下，當字體調到很大時，偏差就會更明顯

行內框盒子模型：

1. 內容區域
   
2. 內聯盒子
   
3. 行框盒子
   
4. 包含盒子
   
   

其中4包含3,3包含2，2與1關係說不清

line-height與內聯元素的高度機理

內聯元素高度由行高決定

行高 不等於 他內聯元素中那個最高的元素, 多行文本的高度就是單行文本的高度累加

line-height各類屬性值

推薦使用第一種

line-height與圖片的表現

line-height的實際應用

* 可能還需加上：max-width:100%