使一个div盒子垂直水平居中的几种处理方法

方法一：

• 如果盒子有宽高

div{
     
	width:200px;
	height：200px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-100px
}

方法二：

• 父元素有高度的情况下并且只有一个div子元素

div（父元素div）{
     
​	display:flex;
​    justify-content:center;
​    align-items:center
}

方法三：

• 父元素有高度的情况下并且只有一个div子元素

​	position:absolute;
​	margin:auto;
​	top:0;
​	right:0;
​	bottom:0;
​	left:0;