html - 显示设置为表格单元格的元素的 Colspan/Rowspan

Question

我有以下代码:

<div class="table">
    <div class="row">
        <div class="cell">Cell</div>
        <div class="cell">Cell</div>
    </div>
    <div class="row">
        <div class="cell colspan2">Cell</div>
    </div>
</div>

<style>
    .table {
        display: table;
    }
    .row {
        display: table-row;
    }
    .cell {
        display: table-cell;
    }
    .colspan2 {
        /* What to do here? */
    }
</style>

非常简单。如何为具有 display: table-cell 的元素添加 colspan(或等效的 colspan)？

Answer 1

据我所知，缺少 colspan/rowspan 只是 display:table 的局限之一。看这篇文章:

http://www.onenaught.com/posts/201/use-css-displaytable-for-layout