今天又用到這個了，那就寫一下吧！
css垂直水平居中用的還是比較多的
1.最簡單的flex布局,分為兩層容器，外層容器加上如下樣式即可
display: flex;
justify-content: center;
align-items: center;
2.這一種是利用table-cell，這個也是很不錯的。
外層容器
display:table-cell;
text-align:center;
vertical-align:middle;
內部元素
vertical-align:middle;
display:inline-block;
3.第三種其實和知道寬高的那中是挺像的，不過這個用的transform
外層容器
display:relative
內部元素
transform: translate(-50%,-50%);
position: absolute;
top: 50%;
left: 50%;
