1.文字居中显示,加外边距
text-align: center;
margin-top: 500px;
2.使用子绝父相(子元素高度已知)
.parent{
position:relative;
}
.child{
width:100px;
height:100px;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
3.使用子绝父相(子元素高度未知)
.parent {
position: relative;
}
.child {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
4.flex弹性布局