小编Joh*_*ith的帖子

这就是我想要完成的事情:

|---------| |----------|
| TableC1 | | TableC2  |
|---------| |----------|
     |------------|
     | TableC3    |
     |------------|

您可以在上面看到的是我想要完成的任务.TableCell1和TableCell2很好地对齐在表的中心,但由于我想在它们下面只有一个表格单元格,所以TableCell3只是去了一个边,左边或右边并不重要.

这是我写的方式的片段:

HTML:

<table id = "some-boxes">

<tr>
<td id = "first-box">
SOME TEXT101
</td>

<td id = "second-box">
SOME TEXT202
</td>
</tr>

<td id = "third-box">
SOME TEXT303
</td>
</table

CSS:

#first-box{
   width: 100px;
}
#second-box{
   width: 100px;
}
#third-box{
   width: 200px;
   text-align: center;
   margin-left: 50%;
   margin-left: 50%;
}

希望有人能回答我的这个谜团.谢谢你的问候:)