css实现元素居中

1. 定位 + top:50% + translateY(-50%)
2. 

 

1. 父元素text-align:center;子元素display：inline-block；
2. 浮动加相对定位实现.兼容性强，扩展性强。实现原理复杂
3. 

 

1. 父元素的父元素相对定位，父元素绝对定位left为50%，子元素左浮动，相对定位，right为50%
2. 弹性盒居中：display：flex；
3. C3的fit-content实现水平居中
   1. 父元素width：-moz/webkit-fit-content；margin：0 auto；子元素左浮动
4. display：table实现居中
   1. 父元素display：table；子元素display：table-cell；vertical-align:middle；
   2. IE6,7不兼容
5. 给父元素等量的padding值，即可让子元素居中