使用display:table,table-row,table-cell模拟colspan(on ie> = 8)

时间:2013-11-04 21:08:11

标签: css internet-explorer tablelayout

我必须创建一个包含两行的布局。第一行有一个单元格,第二行有三个单元格:

|     A     |
| B | C | D |

是否可以使用div,css display属性表,table-row和table-cell?

我通过使用两个不同的表格div(一个用于第一行,一个用于第二行)成功创建了该布局,但是因此单元格之间的边界间距产生了不良影响:两行之间的间距是在第二行的单元格之间的那一倍。

1 个答案:

答案 0 :(得分:2)

不,CSS表模型目前比HTML表模型简单得多。 CSS表格是一个简单的网格,与colspanrowspan无对应。

有许多方法可以实现所需的布局,例如使用CSS定位。