我正在尝试构建一个单行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中垂直居中显示文本?
干杯