margin：元素对齐方式，使用auto实现居中。
text-align：文本对齐方式，使用center实现居中。
position：absolute-left、right 左右对齐
float：left、right 左右对齐，当使用float时，子元素的高度大于父元素，且子元素设置了浮动，那么子元素将溢出，这时候你可以使用clearfix（清除浮动）来解决问题
.clearfix {
? ? ? ? overflow: auto;
}
使用position+transform实现垂直居中
.center p {
? ? ? ? height: 100px;
? ? ? ? margin: 0;
? ? ? ? position: absolute;
? ? ? ? top: 50%;
? ? ? ? left: 50%;
? ? ? ? transform: translate(-50%, -50%);
}