html - 为什么我的伪表没有用 colspan 填充行？

Question

我正在尝试使用纯 CSS（对于最新的 Chrome）来模拟 html 表格元素。这是代码：http: //jsfiddle.net/XVecz/4/

.table .table-cell[colSpan] {
    width: 100%;
 }

除 colSpan 属性外，一切正常。它不填充 td-cell。你能建议任何解决方法吗？

Answer 1

不幸的是，你需要打破布局。如果您使用大小相同的单元格，则可以。要分解布局，您需要将表格行设置为表格。 http://jsfiddle.net/XVecz/5/

.table .table-row {
    display: table;
    width:100%;
}