HTML5中的自定义表

我需要一张像图中那样的桌子。我试过了，但我不能完全做我想做的事。以下是我编写的代码：

<style type="text/css"> 
    .tg  {border-collapse:collapse;border-spacing:0;} 
    .tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} 
    .tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} 
    .tg .tg-yw4l{vertical-align:top} 
</style> 
    <table class="tg">   
    <tr>
            <th class="tg-yw4l" rowspan="2"></th>
            <th class="tg-yw4l"></th>
            <th class="tg-yw4l"></th>   
    </tr>   
    <tr>
            <td class="tg-yw4l"></td>
            <td class="tg-yw4l"></td>   
    </tr>   
    <tr>
            <td class="tg-yw4l"></td>
            <td class="tg-yw4l"></td>
            <td class="tg-yw4l"></td>   
    </tr> 
    </table>

---

如果坚持使用表，则需要使用嵌套表来实现布局

桌子{ 宽度：100%； 边界塌陷：塌陷； } td，th{ 边框：1px000； 边界塌陷：塌陷； 文本对齐：居中； } .tg{ 高度：400px； } .tg表{ 身高：100%； } 运输署 运输署 th th 运输署 运输署 运输署 运输署

---

您正在使用表格进行布局吗？或者这真的是表格数据吗？这是一个添加一些图像和日期的布局！谢谢。你为什么不直接用引导程序呢？Bootstrap提供了容器来实现这一点，而且比它本身要简单和高效得多。@SonneVA那么您可能应该使用CSS提供的一些布局技术。除非您正在为Outlook制作电子邮件模板