2013-10-20 41 views
0

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


表格有3列3行,水平对齐中心,垂直对齐顶部。
当中间单元格的内容较大时,整个表格会展开到左侧,右侧和底部。

Leftright列宽度,topbottom行高度不得改变。

enter image description here

可以在这张照片中可以看出灰色边框并不重要,它们是无形的实际。

+0

'div {display:table/table-row/table-cell}'? – Vucko

+0

不幸的是,似乎'inline-table','table','table-caption','table-cell','table-column','table-column-group','table-row', 'table-row-group'和'inherit'在IE7及更早版本中不受支持。 – acoder

回答

1

CSS显示属性值,使用这些

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支持开始,所以你必须使用IE7中的<table>元素。