创建一个只有 html 的三列嵌套 table

Question

这是我的问题：

<table border= '1' width= '100%' >
 <tr>
   <td> Apple </td>
   <td> Banana </td>
   <td> Strawberry </td>
 </tr>

 <tr> 
   <td> <table border='1' width= '100%'> </td>
   <td> Healthy </td>
   <td> Fruits </td>
   <td> Banana </td>
   </table>
 </tr>
 </table>

第二行只有一列宽，但我希望它有三列宽。从我测试的结果来看，colspan 在嵌套 table 上不起作用。甚至可以做我想做的事吗？

Answer 1

还不完全清楚布局需要是什么，但是一旦你修复了 html 结构，那么包含嵌套 table 的单元格就会正确关闭，并且它的单元格有 <tr> 并添加一些 colspans 下面应该让你接近你想要的。

请注意，嵌套 tables 不再经常使用。很老派

<table border='1' width='100%'>
  <tr>
    <td> Apple </td>
    <td> Banana </td>
    <td> Strawberry </td>
  </tr>
  <tr>
    <td colspan='2'>
      <table border='1' width='100%'>
        <tr>
          <td> Healthy </td>
          <td> Fruits </td>
          <td> Banana </td>
        </tr>
      </table>
    </td>
    <td>Last Cell</td>
  </tr>
</table>

创建一个只有 html 的三列嵌套 table

Create a nested table that is three columns long with only html

html

html-table