不定宽高的水平垂直居中
CSS3方法一:
1 //父元素相对定位 2 parent{position:relative;} 3 //子元素相对定位后偏移 4 child{position: absolute; top:50%; left: 50%; -webkit-transform:translate(-50%,-50%)}
CSS3方法二:
1 //给父元素添加如下属性 2 parent{ display: -webkit-box; -webkit-box-pack:center; -webkit-box-align:center;}
css3方法三:
1 //给父元素添加如下属性 2 parent{ display: -webkit-flex; -webkit-justify-content:center; -webkit-align-items:center;}