テーブル内で、1つのセル内に複数の行のセルを入れ子にする方法はありますか？

Question

テーブルは6列と5行で構成されています。各行では、5番目の列は、複数のセルを重ねて保持する必要があります。各行の5番目の列に新しいテーブルを入れ子にすることなくこれを行う方法はありますか？

<tr> 
     <td><img class="image" src="Posters/suicidesquad-poster1.jpg"></td> 
     <td>Suicide Squad</td> 
     <td>PG-13</td> 
     <td>2 Hour(s) 3 Minutes</td> 
     <!-- Here I need to add two rows within the 5th column 

      <td>Row One </td> 
      <td>Row Two </td> 

     The sixth column will be the same as the others --> 

     <td>CC, DV</td> 
     </tr> 

Answer 1

はい、あなたが単数表示したいものを維持しながら、現実にはそれが<td>年代一緒に「マージ」、これはあなたに所望の効果が得られますcol-spanまたはrow-span

<table> 
    <tr> 
     <td rowspan="2">Two High</td> 
     <td rowspan="2">Two High</td> 
     <td>Single</td> 
    </tr> 
    <tr> 
     <td>Single</td> 
    </tr> 
</table> 

を使用しています。

この属性の詳細については、hereを参照してください。

Answer 2

あなたはそれらのTDのそれぞれに2つのdivを置くことができます。ちょうどあなたが好きなようにそれを見て持って.my_extra_cellsためのCSSルールを作成

<tr> 
    <td><img class="image" src="Posters/suicidesquad-poster1.jpg"></td> 
    <td>Suicide Squad</td> 
    <td>PG-13</td> 
    <td>2 Hour(s) 3 Minutes</td> 
    <td> 
     <div class="my_extra_cells">Row One</div> 
     <div class="my_extra_cells">Row Two </div> 
    </td> 
    <td>CC, DV</td> 
</tr> 

。

Answer 3

あなたがrowspan代わりのdivsを使用したい場合は、私はあなたがこれをしたいと考えている：

<table border="1"> 
 
    <tr> 
 
    <td rowspan="2"> 
 
     <img class="image" src="Posters/suicidesquad-poster1.jpg"> 
 
    </td> 
 
    <td rowspan="2">Suicide Squad</td> 
 
    <td rowspan="2">PG-13</td> 
 
    <td Rowspan="2">2 Hour(s) 3 Minutes</td> 
 
    <td>Row One</td> 
 
    <td rowspan="2">CC, DV</td> 
 
    </tr> 
 
    <tr> 
 
    <td>Row Two</td> 
 
    </tr> 
 
</table>