CSS实现垂直居中的常用方法
[ 2021-06-18 11:20:32 | 作者: admin ]
方法一：
html,body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.box{
width: 300px;
height: 300px;
background: orange;
margin: 0 auto; /*水平居中*/
position: relative;
top: 50%; /*头部向下偏移50%*/
...width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.box{
width: 300px;
height: 300px;
background: orange;
margin: 0 auto; /*水平居中*/
position: relative;
top: 50%; /*头部向下偏移50%*/
阅读全文…
1
