html - 我怎样才能得到这样的 table ？

Question

我尝试使用盒装元素，但它没有以正确的方式出现! 非常感谢任何形式的帮助

https://codepen.io/saisree/pen/EXXQGO - 代码笔链接

<table>
  <tr>
    <td class="text-center" colspan="4">Aircraft Status  Display</td>
  </tr>
  <tr>
    <td> spare</br>STBY</td><td><div class="vr"></div>


    </td>
  </tr>

<tr>
     <td style="width:80px;" ><p style="padding-top:20px;padding-bottom:20px;"  class="boxed4 text-center"
    ><span class="br"></span></p>
   </td>
      <td style="width:80px;" ><p style="padding-top:20px;padding-bottom:20px;"  class="boxed4 text-center"
    ><span class="br"></span></p>
   </td>
      <td style="width:80px;" ><p style="padding-top:20px;padding-bottom:20px;"  class="boxed4 text-center"
    ><span class="br"></span></p>
   </td>
</table>

Answer 1

使用 colspan=n 使列的宽度为 n 列:

<table>
<tr>
<td></td><td colspan="6">this is wide column</td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
<tr>
<td></td><td colspan="6">another wide column</td>
</tr>
<tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td>
</tr>
</table>