CSS 显示：table-row-group，将两个表格单元格分组在一起

Question

有谁知道如何使用 CSS显示属性值table-row-group将表格中两行的两个单元格分组？
我知道在CSS中rowspan不存在，但table-row-group被定义为等同于tbody，正如我可以在http://www.w3.org/TR/CSS21/tables.html#value-def中读到的-表行组。

在下面的代码中，我使用一些 div 创建一个表格，并使用table作为 CSS显示属性值。然后在这个全新的表格中，我想将具有单元格角色的 div 分组在一起，并使用 idrow2_cell2和row3_cell2。我尝试这样做，但是没有成功，使用CSS 属性display的值table-row-group：

<div id='table'>
    <div class='row'>
        <div class='cell'>
        </div>
        <div class='cell'>
        </div>
     </div>
     <div class='row_group'>
        <div id='row_2' class='row'>
            <div class='cell'>
            </div>
            <div id='row2_cell2' class='cell'>
            </div>
        </div>
        <div id='row_footer' class='row'>
            <div class='cell'>
            </div>
            <div id='row3_cell2' class='cell'>
            </div>
        </div>
    </div>
</div>

小提琴： http: //jsfiddle.net/framj00/2eN3U/

你能帮我解决这个问题吗？非常感谢！

Answer 1

table-row-group仅适用于 HTML 中的表格元素。因此，不要divs使用表格。您可以按照 Fiddle 进行操作