CSS div居中显示方法

CSS div居中显示方法

第一种方法（水平居中）

//父元素设置
parentElement{
	text-align:center
}
//子元素
childElement{
	margin:0 auto;
}

第二种方法（水平居中+垂直居中）

//父元素设置
parentElement{
	display:flex;
}
//子元素设置
childElement{
	margin: auto;
}

第三种方法（水平居中+垂直居中）

element{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)  
}

其他方法后续补充；