(1)利用绝对定位和transform
如果不确定子元素宽高度情况下,可以用此方法,不过css3属性不兼容IE低版本浏览器
(2) 利用flexbox
(3)将父元素定位,子元素绝对定位,利用margin负值为子元素宽高的一半来实现。
(4) 利用定位与margin: auto;
原理:因为 parent 宽度等于 child宽度 + left + right + marginLeft + marginRight,当设置了left:0;right:0;margin: auto;时候,就相当于左右平分了宽度,所以会水平居中,垂直方向也是一样的道理
想要了解跟多关于前端培训课程内容欢迎关注尚硅谷前端培训,尚硅谷除了这些技术文章外还有免费的高质量前端培训课程视频供广大学员下载学习
上一篇: Java培训课程JavaWeb之jquery事件常见列表
下一篇: 前端培训之position 和 display 的取值和各自的意思和用法