元素在浏览器窗口水平垂直居中
父元素:position:relative //相对定位
子元素:position:absolute //绝对定位
方法1:
给子元素设置属性:
left: 50%;
top: 50%;
margin-left: -50px;(margin回退为子元素自身宽度的一半)
margin-top: -50px;(margin回退为子元素自身高度的一半)
方法2:
给子元素设置属性:
left: 0;
top:0;
right: 0;
bottom:0;
margin:auto;
总结
以上是对如何让子元素在父元素中水平垂直居中的小总结,后期将继续更新html基础知识点
文章为原创内容,要是遇到有不合适的地方欢迎赐教🙌