不定宽高的水平垂直居中

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

 

posted @ 2016-09-01 18:06  小古哥  阅读(198)  评论(0编辑  收藏  举报