css 盒子水平垂直居中 【transform最有用】

盒子永远在屏幕的中间 ，上下左右一致居中

transform是最好用的方法，适合所有

---

【盒子没有固定的宽高】方法一 transform

width:400px!important;
height:300px!important;
position:absolute;
background:none;
display:flex;
top:50%!important;
left:50%!important;
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);

【盒子没有固定的宽高】方法二

---

【盒子有固定的宽高】方法一

【盒子有固定的宽高】方法二