css垂直居中

參考：https://www.cnblogs.com/zhouhuan/p/vertical_center.html

1. 使用絕對定位和負外邊距

優點：兼容性良好
缺點：必須知道需要居中塊級的尺寸

2. 使用絕對定位和transform

優點：translate百分比相當於元素自身而言，不必知道居中區塊的尺寸

3. 絕對定位結合margin: auto

使用絕對定位後，top和bottom的值設置相等。在使用margin：auto就OK了

4. 使用padding實現子元素的垂直居中

父元素不能設置高度，要讓子元素撐開，也可以設，但是高度要精確=上內邊距+子元素高度+下內邊距

5.使用flex彈性佈局

6. 對文本進行垂直居中

1.設置 line-height = height

1. 使用 display 和 vertical-align
   
   這裏vertical-align屬性只對擁有valign特性的html元素起作用，例如表格元素中的等等，而像
   這樣的元素是不行的。

valign屬性規定單元格中內容的垂直排列方式，語法：，value的可能取值有四種：
　　top：對內容進行上對齊
　　middle：對內容進行居中對齊
　　bottom：對內容進行下對齊
　　baseline：基線對齊

7. 使用 line-height 和 vertical-align 對圖片進行垂直居中

---

參考：https://www.cnblogs.com/hutuzhu/p/4450850.html
效果：

8.display:inline-block

通過:after來佔位

9

10

        <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/markdown_views-ea0013b516.css">
            </div>