行内元素:水平居中:text-align:center
垂直居中:设置line-height和height为相同数值
块级元素:1.给父元素设置display:flex;并且设置align-items:center;justify-content:center
2.父元素进行相对定位position:relative,子元素进行绝对定位
position:absolute;
left:50%;
top:50%;(将子元素的左上角移动至父元素的中心位置)
margin-left:***px;
margin-top:***px;
3.给父元素一个定位属性,给子元素一个绝对定位,然后给子元素的所有配合属性设置为 0px,并且设置margin:auto.
4.给父元素设置一个伸缩盒,子元素设置margin:auto.
CSS中如何让元素在父元素(块)中水平居中?
最新推荐文章于 2024-04-24 11:24:38 发布