如何让元素在父元素中水平或垂直居中:
行内元素:
text-align:center;
line-height:height;
块级元素:
1.给父元素设置display:flex;
并且设置:
align-items:center;
justify-content:center;
2.给父元素一个定位属性,子元素使用绝对定位,并且使用配合属性left:50%;top:50%;让子元素左上角移动到父元素中心位置;然后再让子元素使用margin-left:-width/2;margin-top:-height/2;
3.给父元素一个定位属性,给子元素一个绝对定位。然后给子元素的所有配合属性设置为0px并且给子元素设置margin:auto
4.给父元素设置一个display:flex;子元素设置margin:auto
5. 父元素display:table-cell; vertical-align:middle;text-align: center;
子元素display:inline-block;
元素在父元素中水平或垂直居中的方法
最新推荐文章于 2023-08-06 21:03:55 发布