CSS

Cascading Style Sheets(串接樣式表)

語法

表格(table)

• 文件

文字垂直置中

設定行高 ( line-height )

適用於「單行」的「行內元素」 ( inline、inline-block )，例如單行的標題，或是已經設為 inline-block 屬性的 div，若將 line-height 設成和高度一樣的數值，則內容的行內元素就會被垂直置中， 因為是行高，所以會在行內元素的上下都加上行高的 1/2 ，所以就垂直置中了！不過由此就可以看出，為什麼必須要單行的行內元素，因為如果多行，第二行與第一行的間距會變超大，就不是我們所期望的效果了。

1. Div設 height 、 line-height 設同值，文字自然會垂直置中
   • <DIV style='background-color:#C7FF91;width:300px;height:100px;text-align:center;line-height:100px;'>
     測試文字垂直置中
     </DIV>
   • 測試文字垂直置中