css3种居中定位方法

第一种

position :absolute;left:50%;top"50%;margin-left:-需要居中盒子宽度是一半；margin-top:需要居中盒子高度的一半

第2种

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

transform(宽,高)；也就是需要定位盒子的宽和高

第三种 定位的盒子需要有宽高

position :absolute;top:0;left:0;right:0;bottom:0;margin:auto;