方案一

  .parent{
    width: 100%;
    height: 200px;
    text-align: center;
  }

  .child{
    width: 200px;
    height: 200px;
    display: inline-block;
  }

##　方案二

  .child{
    display: table/block;
    margin: 0 auto;
  }
  如果脱离文档流，那么这种方式无效；

脱离文档流的三种方式
1.float浮动
2.绝对定位
3.fix固定定位

方案三