DIV+CSS让文字垂直居中

1. line-height  =  height

2. 模拟表格,用 display: table-cell,然后 vertical-align: middle;
ie6不支持。 hack

<div style="display:table">
<span style="display:table-cell;vertical-align:middle;">
多行文本
</span>
</div>



<div class="c1">
<div class="c2">
<span class="c3">
text
</span>
</div>
</div>

<style type="text/css">  
  .c1 {   
    500px;   
    height:500px;   
    _position:relative;   
  }   
  .c2 {   
    _position:absolute;   
    _top:50%;   
  }   
  .c3 {   
    _position:relative;   
    _top:-50%;   
  }   
</style>

原文地址:https://www.cnblogs.com/bigdesign/p/4516561.html