.wrap{    background:#ccc;    /*margin:0 50%;*//*第一种办法*/    /*margin:0 auto;*//*第二种办法*/    width:20px;    height:20px;}

三种方法嘛 里面教了第一种 我用的第二种 设置wrap的display为inline-block 然后margin 0 auto这时候warp就可以当成行内元素看待了 前面不是有教行内元素怎么居中么 给他的父类加一个text-align：center  这样也可以居中

<table>
    <tbody>
       <tr>
           <td>
                <div class="wrap">
  设置我所在的div容器水平居中 
        </div>
           </td>
       </tr>
    </tbody>
</table>

.wrap{

    background:#ccc;

     margin:0 25% 0 25% ;

     /*text-align:center;*/

}