css - 表格到 DIV 和 CSS

Question

问题: 这可以使用 DIV 和 CSS 来完成吗？ (而不是 html 表格)

---

一个 3 列 3 行的表格，水平居中对齐，垂直顶部对齐。
当中间单元格的内容较大时，整个表格将向左、右和底部展开。

Left 和 right 列宽度，top 和 bottom 行高度不得改变。

图中可见的灰色边框并不重要，它们实际上是不可见的。

Answer 1

CSS display 属性值，使用这些

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

更多引用:CSS display Property

因此，文档说，这些值仅支持 IE8 及更高版本，因此您必须使用 <table> IE7 中的元素。