使用display：table的嵌套表

Question

我希望使用display:table，display:table-row，display:table -cell来实现嵌套表的效果。

效果是嵌套表的宽度等于主表的第一个单元格。

请参阅演示：https://jsfiddle.net/bu9mnegr/1/

我记得在表中是属性colspan，嵌套表有主表的所有单元格的宽度。没有colspan我怎么能这样做？

Answer 1

试试这个： 注意＆＃34;用＆＃34;每个＆＃34; table-col＆＃34;应该是100％跨越...

<div class="display-table">
    <div>
        <div>cell</div>
        <div>cell</div>
    </div>
    <div>
        <div style="display:block; width:200%;">
            <div class="display-nested-table">
                <div>
                    <div>nested cell</div>
                    <div>nested cell</div>
                </div>
            </div>
        </div>
    </div>
</div>