如何让IE正确显示CSS DIV表?

时间:2012-01-10 18:30:24

标签: html css

我在Firefox和Chrome中获得了非常有利的结果,但是,IE不会将DIV显示为表格。任何帮助,将不胜感激。 这是我正在使用的标记:

CSS

.table {
   display: inline-table;
   padding: 3px;
}
.row {
   display: table-row;
}
.cell {
   display: table-cell;
   width: 210px;
   height: 35px;
}

HTML

<div class="table">
   <div class="row">
      <div class="cell">Cell 1</div>
      <div class="cell">Cell 2</div>
      <div class="cell">Cell 3</div>
   </div>
</div>

2 个答案:

答案 0 :(得分:2)

  

我使用div来显示表格数据 -

把它放在那里

HTML有一整类标记,专门用于表格,至少从HTML 2.0开始,如果不是它的开始。在CSS2.1中表格显示属性出现之前已经过去了五年多,而第一次浏览器战争开始的时间差不多。

如果是表格数据,使用表格

<table>
   <tr>
      <td>Cell 1</td>
      <td>Cell 2</td>
      <td>Cell 3</td>
   </tr>
</table>

答案 1 :(得分:0)

修复类名后,似乎在IE8中工作。 http://jsfiddle.net/Ukg9r/1/