[toc] ## inherit ## 線類 baseline、top、middle、bottom >baseline >  如果是替換元素的基線，就等同于其底線 另外基線對齊，會導致行框（對，是行框）下沉 >bottom(top): 1. inline/inline-block元素：元素底部和整行的底部對齊 2. table-cell元素：單元格底padding邊緣和表格行的底部對齊 > middle 1. inline/inline-block：元素的垂直中心點和父元素基線上1/2x-height對齊 2. table-cell：單元格填充盒子相對于外面的表格行居中對齊  font-size越大，文字下沉越明顯（微軟雅黑更明顯） 解決辦法： 1. font-size設為0，此時各種線都合為一條 2. 或則一再弄一個空的inline-block span  ## 文本類 text-top、text-bottom text-top：盒子的頂部和父級content-area的頂部對齊 bottom：盒子的底部和父級content-area的底部對齊    ## 上標下標類 sub、super ### html中的上標下標 `<sup>`：等于vertical-align:super `<sub>`：等于vertical-align:sub 用了上標下標的字體為原來的75%左右   ## 數值百分比類 20px、2em、20% 數值(相對于基線)和百分比(相對于行高計算) 1. 都帶數字 2. 都支持負值 (margin、letter-spacing、word-spacing、vertical-align) 3. 行為表現一致 ## vertical-align與前后的元素沒有關系只和父級有關系