显示:table-cell;在ie6 / 7解决方法中

时间:2010-09-16 23:51:07

标签: html css vertical-alignment css-tables

我正在尝试构建一个单行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中的table-cell涉及使用float属性覆盖显示值来阻止。因此,我失去了表格单元格中文本的垂直居中。

是否有显示的解决方法:IE中的table-cell仍然能够让我在IE中垂直居中显示文本?

干杯

1 个答案:

答案 0 :(得分:1)

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

他们在那里有一个有趣的解决方法。