<style type="text/css"> .warp{ 200px; height: 150px; overflow: hidden; display: table; border: 1px solid #000; *position: relative; } .sub_warp{ display: table-cell; vertical-align: middle; *position: absolute; *top: 50%; } .content{ *position: relative; *top: -50%; } </style> <div class="warp"> <div class="sub_warp"> <div class="content"> 垂直居中不<br/> 啊哈哈 </div> </div> </div>