<div>里面内容上下居中
<div>
    <!-- 插入以下代码 -->
<div>


---------------------------

<div class="outDiv">
   <div class="auto-in">
       <!-- 内容 -->                                 
   </div>
</div>

css 样式如下

.outDiv{
       position: relative;
       margin: 0 auto;
       text-align: center;
       height: inherit;
   }
   .outDiv .auto-in {
       position: absolute;
       top: 50%;
       width: 100%;
       text-align: center;
       /* 这里有兼容性问题 */
       -webkit-transform: translateY(-50%);
       -ms-transform: translateY(-50%);
       -o-transform: translateY(-50%);
       transform: translateY(-50%);
   }

原理：内部auto-in 的div相对定位外部outDiv,定位为距离外部盒子高度的50%  top:50%，然后上移自身高度的50% translateY(-50%)