表到DIV和CSS

问题：这可以使用div和CSS来完成吗？（而不是html表）

---

一个有3列3行的表格，水平对齐到中心，垂直对齐到顶部。
当中间单元的内容较大时，整个表扩展到左、右、底。

左侧

和

右侧

列宽、

顶部

和

底部

行高不得改变。

---

在这张图片中可以看到的灰色边框并不重要，它们实际上是不可见的。

CSS显示属性值，请使用这些属性值

table使元素的行为类似于元素
表标题使元素的行为类似于元素
表列组使元素的行为类似于元素
表标题组使元素的行为类似于元素
表页脚组使元素的行为类似于元素
表行组使元素的行为类似于元素
表单元格使元素的行为类似于元素
表列使元素的行为类似于元素
表行使元素的行为类似于元素

更多参考：

---

因此，文档中说，这些值仅支持IE8以后的版本，因此您必须在IE7中使用

元素。

div{display:table/table row/table cell}

？不幸的是，这些值似乎

内联表

，

表

，

表标题

，

表单元格

，IE7及更早版本不支持

表列

、

表列组

、

表行

、

表行组

和

继承

。

table Let the element behave like a <table> element   
table-caption Let the element behave like a <caption> element 
table-column-group    Let the element behave like a <colgroup> element    
table-header-group    Let the element behave like a <thead> element   
table-footer-group    Let the element behave like a <tfoot> element   
table-row-group   Let the element behave like a <tbody> element   
table-cell    Let the element behave like a <td> element  
table-column  Let the element behave like a <col> element 
table-row Let the element behave like a <tr> element