发表于: 2021-02-24 19:50:02
1 988
今天完成的事情:修改了任务九并提交
明天计划的事情:完成任务十二
收获:
CSS有哪些方法可以实现垂直居中?
1.给父元素添加一个before伪元素,使它的高度等于父元素的高度,再给伪元素和子元素设置vertical-align: middle;
2.通过flex布局
给父元素设置display: flex;align-items:center;
3.通过绝对定位垂直居中
给父元素相对定位position:relative;
给子元素设置绝对定位position:absolute;
top:50%;
transform:translateY(-50%);
4.设置子元素的line-height等于父元素的height
这种方法仅适用于单行inline元素
5.再建一个子元素,使他的高度等于剩余高度的一半
评论