0

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

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

谢谢

4

5 回答 5

1

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

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

请注意，这是在两行中完成的，而不是一行。

如果你真的不希望那样，Divs 是要走的路......

<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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

数字略有偏差，但为了速度，我没有让事情完全对齐

于 2012-11-19T22:11:11.183 回答
0

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

于 2012-11-19T22:11:00.813 回答
0

不，您需要一个新行来执行此操作。

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

于 2012-11-19T22:11:03.057 回答
0

您可以做的是使用以下内容：

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

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

于 2012-11-19T22:11:45.943 回答
0

他想将所有内容都包含在 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>
于 2012-11-19T22:14:24.940 回答