如何在html中的列中添加單元格

Question

有沒有在html表格中的行列中添加單元格而不在行列中添加其他表格的問題 我附加了圖像。這裏是我的代碼

<tr> 
     <tbody> 
     <td>Name</td> 
     <td><div id="span1">Units</div> 
      <div id="span2" class="side-border">price</div> 
      <div id="span2" class="r">value</div> 
     </td> 
     </tbody> 
</tr> 

Answer 1

如果你想有你行的一些不同的結構，你應該檢查colspan和rowspan。數字應該加起來。

Example

<table border="1px"> 
<tr> 
    <td colspan="5">Hello</td> 
    <td>World</td> 
</tr> 
<tr> 
    <td rowspan="2">col 1</td> 
    <td colspan="4">CENTER</td> 
    <td>right</td> 
</tr> 
<tr> 
    <td colspan="3">Text</td> 
    <td colspan="3">bottom right</td> 
</tr> 
</table> 

如果你從colspan它們添加到6 rowspan去3.有一些事情你必須採取的照顧，雖然添加了號碼。這是一個有點難受，現在這些是什麼解釋，只是盡力想象你希望你的表看，然後按照這個：

1. 表應當有行
2. 表的最大數量應該有跨表中使用的列
3. rowspan的最大數量必須加起來（或多或少）
4. colspan使用跨表已經添加上去（或多或少）。

接下來，在爲幾個「複雜」表格編寫HTML之後，您將獲得它的要點。