分层 html 表，将最后一个 td 放在下一行
我正在使用 html 和 CSS 创建一个简单的层次结构表，但在将带有 .child 类的最后一个 td 元素格式化为下一行时遇到了麻烦。
我想要将嵌套表放在 table > 内tr> td.child 因为每个表都可以排序，并且 JavaScript 排序器不实现任何行分组（我的嵌套表问题可以通过移动 .child > table 轻松解决元素放入下一个 table > tr 但这会破坏良好的嵌套结构）
有没有办法用 css 将 td.child 放在下一行？
html 示例：
<table>
<tr>
<td>I have</td>
<td>1</td>
<td>pie</td>
<td class="child">
<table>
<tr>
<td>I have</td>
<td>1</td>
<td>pie</td>
</tr>
</table>
</td>
</tr>
</table>
I'm creating a simple hierarchical table with html and CSS and I'm getting into trouble with formatting the last td element with class .child to be on next line.
I want to have the nested table inside table > tr > td.child becase each table can be sorted and javascript sorters don't implement any grouping of rows (my problem of having nested table could be easily solved by moving the .child > table element into next table > tr however this would break the nice nesting structure)
Is there a way to put td.child on next row with css?
html sample:
<table>
<tr>
<td>I have</td>
<td>1</td>
<td>pie</td>
<td class="child">
<table>
<tr>
<td>I have</td>
<td>1</td>
<td>pie</td>
</tr>
</table>
</td>
</tr>
</table>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
你可以做一些像这样的事情。不过，你需要小心跨浏览器（仅在 Chrome 上检查）
You could do something like this . You'd need to be careful cross browser though (only checked on Chrome)