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

これは 1 行ではなく 2 行で行われることに注意してください。

あなたが本当にそうなりたくないのなら、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>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

数字は少しずれていますが、スピードのために正確に並べていません。

Answer 2

彼はすべてを 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>

Answer 3

はい<td colspan="2">Will take two cells' width</td>。

Answer 4

いいえ、それを行うには新しい行が必要です。

順序なしリストを使用する場合、float を使用して同じ効果を得ることができます。

Answer 5

あなたができることは、以下を使用することです：

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

500pxご希望のサイズに変更するだけです。