1、text-align: center——水平居中
僅對文字、圖片、按鈕等行內元素有效（display設置為inline或inline-block等）進行水平居中
2、margin: 垂直 auto——水平居中
僅水平居中，且對浮動元素無效
3、line-height——垂直居中
line-height=height，僅對一行文字有效
4、使用表格——水平、垂直居中
對 td / th 的 align='center' 和 valign='middle' 兩屬性可以水平和垂直集中
5、彈性布局——水平、垂直居中
display: flex;
justity-content: center;
align-items: center;
6、使用display: table-cell——水平、垂直居中
對於那些不是表格的元素，我們可以通過display: table-cell來把它模擬成一個表格單元格
7、子絕父相——水平、垂直居中
子元素設置為absolute，父元素設置為relative（當知道子元素的寬高）