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;}