如何在表格布局固定的情况下做colspan？

Question

我有一个表格由一组div元素组成。

<div class="table-wrapper"> 
    <div class="table-row"> 
     <div class="table-cell">&nbsp;</div> 
     <div class="table-cell">&nbsp;</div> 
     <div class="table-cell">&nbsp;</div> 
    </div> 
    <div class="table-row"> 
     <div class="table-cell">&nbsp;</div> 
     <div class="table-cell span2">&nbsp;</div> 
    </div> 
</div> 

而这里的CSS

.table-wrapper { display: table; table-layout: fixed; width: 100%;} 
.table-row { display: table-row; } 
.table-cell { display: table-cell; width: 33%; } 
.table-cell.span2 { width: 66%; } 

我怎样才能确保跨距2格将分享2单元格的宽度？

Answer 1

这是不可能的，我把dup链接放在注释中。

一个解决可能是display: flex相反，看到小提琴https://jsfiddle.net/Lddyn573/2/

.table-row { display: flex;} 
.table-cell {width: 33%; } 
.span2 { width: 66%;}