css 水平垂直居中实现方式

css 水平垂直居中实现方式

• 第一种方式

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

• 第二种方式

margin:auto;

• 第三种方式

position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%)