结合目前所听课程的一个关于水平居中与垂直居中的总结，老师们看看都正确吗？
来源：2-8 position-absolute（实际工作用的最多，同时也相对比较难）
情人节礼物
2019-03-17 17:34:21
子元素水平居中
1.1子元素为行内元素
text-align:center;
1.2子元素为块元素
margin: 0 auto;
1.3设置子元素相对父元素绝对定位
.父元素{position:relative;}
.子元素{position:absolute; left:0; right:0; margin: 0 auto;}
子元素垂直居中
2.1子元素为行内元素
height-line: 父元素行高;
2.2子元素为块元素
父元素:{ display: table;}
子元素:{display:table-cell;
vertical-align: middle;}
2.3设置子元素相对父元素绝对定位
父元素: {position:relative;}
子元素:{position: absolute;
left:0; right:0; top:0; bottom:0;
margin: auto auto;}
写回答
2回答
-
前端之路漫漫
2019-04-29
总结得很好，收益颇深，点赞马克
0 -
好帮手慕夭夭
2019-03-18
你好同学 ,没有问题 .不过如下方式实现的并不只是垂直居中 , 元素水平和垂直都是居中的哦 .这里注意一下
祝学习愉快 ,望采纳 .
0
相似问题