td出现在html表中的其他td下面

Question

我想知道是否可以在HTML 2行中创建一个表行，以便我拥有。

---------------------
|<td></td>|<td></td>|      <- all within one <tr></tr> block
|-------------------|
|<td>          </td>|
---------------------

由于

Answer 1

根据您的绘图，我认为您需要以下内容：

<table>
    <tr><td></td><td></td></tr>
    <tr><td colspan="2"></td></tr>
</table>

请注意，这是两行而不是一行。

如果你真的不想这样，那么Div就是你想要的方式......

<div id="container" style="width:501px">
    <div id="column1" style="width:49%; float:left; border:1px solid #000"> Some content here </div>
    <div id="column2" style="width:49%; float:left; border:1px solid #000"> Some content here </div>
    <br style="height:0px; clear:both"/>
    <div id="column3" style="width:98%; border:1px solid #000"> Some content here </div>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

这些数字略有偏差，但为了速度，我并没有让事情完全排列

Answer 2

是的，<td colspan="2">Will take two cells' width</td>。

Answer 3

不，你需要一个新行来做到这一点。

如果使用无序列表，则可以使用浮点数来获得相同的效果。

Answer 4

您可以使用以下内容：

<table width="500px">
  <tr>
    <td></td>
    <td></td>
  </tr>
</table>
<table width="500px">
  <tr>
    <td></td>
  </tr>
</table>

只需更改500px您想要的尺寸。

Answer 5

他想把所有东西都包含在1 TR中。 一种可能的解决方案是在该TD中包含另一个表。

<tr> 
<td>
<table style="width:100%;margin:0">
    <tr>
        <td></td><td></td>
    </tr>
    <tr>
        <td colspan="2"><td>
    </tr>
</table>
</td>
</tr>