CSS - 實作圖檔垂直居中，文字垂直居中

在html頁面設計時，經常需要讓容器内部的圖檔或文字上下垂直居中，通過CSS可以很友善的進行設定。

1，圖檔垂直居中

給圖檔添加 vertical-align:middle; 樣式即可

<div style="height:100px">
    <img style="vertical-align:middle" src="images/star.png" >
</div>
           

2，文字垂直居中

要把文字外部容器的 line-height 和 height 設定成一樣

<div style="height:100px;line-height:100px">
    歡迎來到hangge.com
</div>