不定宽高的水平垂直居中

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫描关注云+社区