元素居中方式总结

1. 元素宽度不定 ==> 实现水平居中

  html:
<div class="wrap">
    <div class="inner"></div>   //宽度不定
</div>
css:
.inner{
    display: table; //重点就是这个属性,这个样式会告知浏览器当前元素的宽度,采用最小的宽度,不是默认全宽
    margin: 0 auto;  // 该属性针对有固定宽度的元素使用， 转为table后可实现效果
}

2. 元素宽高固定 ==> 实现绝对居中