【20190129】CSS-垂直水平居中相關

元素居中是HTML和CSS永恆的問題，記錄一下我使用的居中方法：

1. 塊狀元素水平居中，主要用於頁面整體佈局：

    margin: 0 auto;

2. 文字水平居中，適用於內聯元素或inline-block（img預設是inline元素） ：

    text-align:center;

3. 文字垂直居中：

    line-height：與外部div高度相同

4. img與span在同一行對齊並垂直居中，主要用於小圖示與文字的對齊：

    img和span中都加上vertical-align：middle；