水平居中(容器)的实现方式

方式一
{margin: 0 auto;}
缺点是需要手动指定自容器宽度
方式二:
{margin:0 auto;}改进
子容器设置display: table,子容器会宽度自适应
该方案兼容性好,改成table标签即可兼容IE
方式三: 绝对定位
方式四: 浮动和margin
方式五: flex
方式6:grid
方式7:box(老版本flex)