发表于： 2021-02-24 19:50:02
1 989
今天完成的事情：修改了任务九并提交
明天计划的事情：完成任务十二
收获：
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.再建一个子元素，使他的高度等于剩余高度的一半
返回列表
评论