分层html表，将最后一个td放在下一行

我正在用html和CSS创建一个简单的层次表，并且我在用class

.child

将最后一个

td

元素格式化到下一行时遇到了麻烦

我希望将嵌套表放在

table>tr>td.child中，因为每个表都可以排序，javascript排序器不实现任何行分组（通过将
.child>table
元素移动到下一个
table>tr
中，可以很容易地解决我的嵌套表问题，但是这会破坏良好的嵌套结构）

有没有办法用css将td.child放到下一行

html示例：


我有
1.
馅饼
我有
1.
馅饼
你可以做一些事情。你需要小心跨浏览器（仅在Chrome上检查）
你可以做一些事情。你需要小心跨浏览器（仅在Chrome上检查）
如果您在新标记中添加带有类child的td？我不想在tr中添加同级，因为表排序器以及它们如何比较行。如果我将
tr
放入另一个
tr
中，大多数浏览器会将其剪切，并将其作为同级添加到上一个
tr
。如果您在新标记中添加带有类child的td，我不希望t添加同级表到tr中，因为表排序器以及它们如何比较行。如果我将
tr
放入另一个
tr
中，大多数浏览器都会将其删除，并将其作为同级表放到上一个
tr
中。在FF 3.6.13中看起来不错，但在IEthank you中出现阻塞，仍然存在设置表格样式的问题，因此它将表现为经典表格：）断开的链接，这就是为什么仅仅共享链接不是好的做法，包括最少的示例在FF 3.6.13中看起来还可以，但在IEthank you中阻塞了，仍然存在设置表格样式的问题，因此它将表现为经典表格：）断开的链接，这就是为什么仅仅共享链接不是好的做法，包括最少的示例
<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>