显示:表格单元格；在ie6/7中解决办法

Question

我正在尝试构建一个包含多个单元格的单行css表，这些单元格的文本在单元格中垂直居中。基本上，我试图用css模仿的表行为是这样的：

<table width="100%" height="54" border="0" bgcolor="red">
 <tr>
    <td width="20%">text</td>
    <td width="20%">text</td>
    <td width="20%">text</td>
    <td width="20%">text</td>
    <td width="20%">text</td>
  </tr>
</table>

为了使我的代码在语义上是正确的，我想使用div来达到同样的效果。

<div class="job_wrapper">
 <div class="info">
  <div>01</div>
  <div>Campaign 001</div>
  <div>DEMO Client</div>
  <div>128</div>
  <div>449</div> 
 </div>
</div>

问题是，IE中display:table-cell的解决方法涉及到使用浮动属性，该属性覆盖了要阻止的显示值。因此，我失去了表单元格中文本的垂直居中。

有没有一种解决办法:在IE中显示表格单元格，使我仍然能够在IE中将文本垂直居中？

干杯

Answer 1

查看来自http://jogger.pl/404的样式表。

他们有一个有趣的变通方法。