为什么我的伪表没有用colspan填充行?

时间:2013-06-10 12:47:28

标签: html css html5 css3 css-tables

我正在尝试使用纯CSS(最新的Chrome)来模拟html表元素。以下是代码:http://jsfiddle.net/XVecz/4/

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

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

1 个答案:

答案 0 :(得分:2)

不幸的是,你需要打破布局。如果你使用相同大小的细胞,它可以是好的。 要分解布局,需要将表行设置为表。 http://jsfiddle.net/XVecz/5/

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