在表格中，如何在單個單元格中嵌套多行單元格？

我的表格由6列和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>

來源

2016-09-16 Sidward

現在你有一個答案，想想_why_你想它分裂這樣。第5列中的數據的結構是什麼？使用包含2個div的單個「td」_may_可以更恰當地表示數據，並且可以輕鬆地將這些數據堆疊在表格單元格中。首先獲取_structure_權利，然後讓它看起來像你想用CSS的方式;不要把注意力集中在一開始就看 - 你可能最終會得到一些長期不能維持的東西。 –

是您使用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>

這會給你想要的效果，在現實中「合併」 <td>的一起，同時保留您希望出現奇異的人。

查看here瞭解有關此屬性的更多信息。

來源

2016-09-16 22:05:03 Illdapt

這幾乎可以工作，但是我的第六列現在已經連續成立 – Sidward

現在，如果整個事情都是5高的，那麼給這個人添加'rowspan = 5'。請記住，在使用此功能時，請將您的行統計爲單數。如果某行的行跨度爲2，則表示爲2行。 – Illdapt

你可以把2周的div到每個那些TD的：

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

只需創建一個CSS規則.my_extra_cells把它看成你喜歡。

來源

2016-09-16 22:08:35 Johannes

請注意：我在代碼中更改了一些細節（我之前有5欄，現在是6） – Johannes

如果你想使用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>

來源

2016-09-16 22:24:58 jmoerdyk

雅這個問題對我來說不是很清楚，但我敢打賭，OP在尋找什麼。 – dippas

謝謝。這正是我所期待的 – Sidward

在表格中，如何在單個單元格中嵌套多行單元格？

回答

相關問題