CSS学习之-06

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%);

}