div常见的居中方式

常用的div居中方法

最常见的：

border: 1px solid red;
margin: 0 auto;
height: 50px;
width: 80px;

可以使用浮动：

border: 1px solid red;
float: left;
position: absolute;
width: 200px;
height: 100px;
left: 50%;
top: 50%;
margin: -50px 0 0 -100px;

绝对定位：

border: 1px solid black;
position: absolute;
width: 200px;
height: 100px;
margin: 0 auto;
left: 0;
right: 0;

不知道宽高可使用transform：translate（-50%，-50%）

positioin: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
优雅一点的话也可以使用弹性盒子flex