CSS部分添加：

  .wrap1{float:top;position:fixed;top:50%}

  .wrap1Center{float:top;position:absolute;top:-92px;}/*92px为照片高度像素的一半*/

HTML部分：

<table><tbody><tr><td class="wrap1">

<div class="wrap1Center">

    <img src="http://img1.sycdn.imooc.com//54ffac56000169c001840181.jpg" title="害羞的小女生"/>

</div>

</td></tr></tbody></table>

没有在浏览器居中呀

html中：

<table>

    <tbody>

        <tr>

            <td >

                    <div>

                        <img src="1.jpg" title="图片"/>

                    </div>

            </td>

        </tr>

    </tbody>

</table>

css中：

table td{

      height:500px;

  }

在HTML中插入 table 

<table>

    <tbody>

        <tr>

            <td class="box">

                    <div>

                        <p>垂直居中</p>

                    </div>

            </td>

        </tr>

    </tbody>

</table>

css代码：

.box{

      width:200px;

      height:400px;

      background:red;

      display: table-cell;

      vertical-align:middle;