2020-08-31

如何让子元素在父元素中水平和垂直居中？

1.子元素为行内元素
	text-align:center
	line-height:height
2.子元素为块级元素时
	（1）给父元素设置：
		display: flex;
		justify-content: center;
		align-items: center;
	（2）给父元素设置display:flex;	
		给子元素直接设置：margin:auto
	（3）给父元素设置一个定位属性，给子元素设置一个绝对定位；然后给子元素所有配合属性设置0px；并且给子元素设置margin:auto
	（4）给父级元素设置定位属性，子元素设置绝对定位；
	将子元素的top:50%;left:50%;
	再配合使用margin-top:-height/2;  （子元素的二分之一）
	margin-left:-width/2;