- 当子元素为行内元素时
给子元素设置text-align:center; line-height:height; - 当子元素为块级元素时
①给父元素设置display:fex; align-item:center; justify-content:center;
②给父元素设置display:fex; margin:auto;
③给父元素设置一个相对定位,给子元素设置一个绝对定位,子元素的所有配置属性均为0px,并且设置margin:auto;
④给父元素设置一个相对定位,给子元素设置一个绝对定位,将子元素的top和left设置成50%,配合margin-top:-height/2px; margin-left:-width/2px;
css中子元素垂直居中的方法
最新推荐文章于 2024-04-23 20:50:55 发布