在table-cell和table-row之间中可否增加一层dom？

Question

嗯。。。代码大体是这样的：

<style>
.table{display:table;}
.table_row{display:table-row;}
.table_cell{display:table-cell;}
</style>
<ul class="table">
    <li class="table_row">
        <div class="content_1">
            <div class="table_cell">cell 1</div>
            <div class="table_cell">cell 2</div>
            <div class="table_cell">cell 3</div>
        </div>
        <div class="content_2">
            <div class="table_cell">cell 3</div>
            <div class="table_cell">cell 4</div>
            <div class="table_cell">cell 5</div>
        </div>
    </li>
</ul>

主要情况是因为同一段代码模版应用了多套样式，在做其他场景的适配优化时最终多出来了一层div，但是这一层div就导致table布局无法正常起作用了。
也就是我期望中间这一层div是透明的，但是display:选了一圈看起来并没有合适的效果。
而如果自己排版的话多少又不容易做的简单好看。

不知道除了删除这一层content_*以外是否还有解？

Answer 1

为啥不直接用 <table>？