テーブルレイアウトの固定状況での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> 

そして、ここでは、私がSPAN2 div要素は、2セルの幅を共有することを確認することができますどのように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%; } 

ですか？

Answer 1

コメントにdupリンクを入れることはできません。

仕事は周りの参照、代わりにdisplay: flex可能性がフィドルhttps://jsfiddle.net/Lddyn573/2/

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