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

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

<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_*以外是否还有解?

回复
阅读 966
1 个回答

为啥不直接用 <table>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏