子元素宽度一般会有,比如给80%;高度不固定
一、定位与margin
子元素设置:
position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;
兼容IE7以上
二、css3的transfrom
子元素设置:
position:absolute;left:50%;top:50%;transfrom:translate(-50%,-50%);
兼容IE8以上
三、flex布局
父元素设置:
display:flex;justify-content:center;align-items:center
四、设置display:box
父元素设置:
display:box; box-pack:center; box-align:center; display:-webkit-flexbox; -webkit-box-pack:center; -webkit-box-align:center;