將HTML表格單元格分成兩列，表格沒有標題

Question

我在這裏看到了一些關於如何執行此操作的其他示例，但它們都只是在<th> HTML標記中使用了colspan="2"。在我的情況下，我沒有任何標題，所以我試圖弄清楚我仍然會這樣做。

任何建議將不勝感激。下面是我想要做一個快速，簡單的例子：

<table border="1"> 
 
    <tbody> 
 
    <tr> 
 
     <td class="td-modal">Name:</td> 
 
     <td>Randon name</td> 
 
    </tr> 
 
    <tr> 
 
     <td class="td-modal">Project Name:</td> 
 
     <td>XYZ</td> 
 
    </tr> 
 
    <tr> 
 
     <td class="td-modal">Proj #:</td> 
 
     <td>12345</td> 
 
    </tr> 
 
    </tbody> 
 
</table>

我將如何能夠獲得最後一個單元格<td>12345</td>分裂成兩列？

Answer 1

有2個選擇爲止。

1.您可以添加合併單元格= 2每秒TD，除了它的自我，像以下：

<table border="1"> 
    <tbody> 
     <tr> 
      <td class="td-modal">Name:</td> 
      <td colspan=2>Randon name</td> 
     </tr> 
     <tr> 
      <td class="td-modal">Project Name:</td> 
      <td colspan=2>XYZ</td> 
     </tr> 
     <tr> 
      <td class="td-modal">Proj #:</td> 
      <td>12345</td> 
      <td>67890</td> 
     </tr> 
    </tbody> 
</table> 

2.您可以嵌入另一個表格TD裏面像以下（沒有必要把合併單元格= 2每td）

<table border="1"> 
    <tbody> 
     <tr> 
      <td class="td-modal">Name:</td> 
      <td>Randon name</td> 
     </tr> 
     <tr> 
      <td class="td-modal">Project Name:</td> 
      <td>XYZ</td> 
     </tr> 
     <tr> 
      <td class="td-modal">Proj #:</td> 
      <td> 
       <table><tr><td>12345</td> 
       <td>67890</td></tr></table> 
      </td> 
     </tr> 
    </tbody> 
</table> 

Answer 2

您可以在每一行的第二<td>元素使用colspan=2：

<table border="1"> 
 
    <tbody> 
 
     <tr> 
 
      <td class="td-modal">Name:</td> 
 
      <td colspan=2>Randon name</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="td-modal">Project Name:</td> 
 
      <td colspan=2>XYZ</td> 
 
     </tr> 
 
     <tr> 
 
      <td class="td-modal">Proj #:</td> 
 
      <td>12345</td> 
 
      <td>67890</td> 
 
     </tr> 
 
    </tbody> 
 
</table>