css 水平垂直居中的三种方式

• 绝对定位 + transform

/*示例*/
position:absolute; 
left:50%;
top:50%;
transform：translate(-50%,-50%);

• flex布局

display:flex;
justify-content:center;
align-items:center;

• table-cell

display:table-cell;
vertical-align:middle;
text-align:center;