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

我很難找到補充細胞進入列的正確方法：這是我想做的事： enter image description here 如何在html表格的列中添加單元格？

<!DOCTYPE html> 
<html> 
    <head> 
     <title></title> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    </head> 
    <body> 
     <table style="margin-top: 40px" width="600" height="358" cellspacing="0" cellpadding="2" align="center" border="1"> 
         <tr> 
          <td align="center">fasfg1 
          </td> 
          <td width="42"></td> 
          <td align="center">fasfg2 
          </td> 
         </tr> 
        </table> 
    </body> 
</html>

感謝名單了很多！

來源

2012-06-12 Jurudocs

這是表格數據嗎？如果是，那麼爲什麼不使用單元格和'rowspan'來獲得這種效果呢？如果您使用表格進行網站佈局，那麼我建議您重新考慮並使用語義標記。 –

@MoinZaman嗨，感謝您的評論...我永遠不會建立這樣的網站; -P沒有這樣的HTML電子郵件和所有電子郵件客戶端的越野車性質... – Jurudocs

HTML表格是去那些漂亮的電子郵件的方式。 iMx建議使用第一個單元格的另一個表格絕對是一種選擇。 –

試試這個，用行跨度。

<!DOCTYPE html> 
<html> 
<head> 
    <title></title> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
</head> 
<body> 
    <table style="margin-top: 40px" width="600" height="358" cellspacing="0" cellpadding="2" align="center" border="1"> 
        <tr> 
         <td align="center">fasfg1 
         </td> 
         <td width="42" rowspan="3"></td> 
         <td align="center" rowspan="3">fasfg2 
         </td> 
        </tr> 
        <tr> 
         <td>zroizj</td> 
        </tr> 
        <tr> 
         <td>zroizj</td> 
        </tr> 
       </table> 
</body> 
</html>

注意，這可能是真的很難保持這樣的代碼，如果你想在未來左欄中添加更多的行。最好使用2個不同的表格。

來源

2012-06-12 12:47:44

我會做左行內多了一個表，該行添加到新表

來源

2012-06-12 12:41:35 iMx

這不是一個很好的方法，但是如果你在一張桌子上做的話，那麼你需要爲每個單元格分別設置不同的行，爲其餘的設置一個。要使另一側具有相同的大小，您必須使用rowspan。當您添加一列時，您需要將行跨度更新爲1，然後創建新的特定大小，並將其從最後一個指定的高度移除。

更好的方法是對每個樂隊或表格中的表格使用不同的表格。

<!DOCTYPE html> 
    <html> 
     <head> 
      <title></title> 
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     </head> 
     <body> 
      <table style="margin-top: 40px" width="600" height="358" cellspacing="0" cellpadding="2" align="center" border="1"> 
          <tr style="height:10px"> 
           <td align="center">fasfg1</td> 
           <td width="42" rowspan="4"></td> 
           <td align="center" rowspan="4">fasfg2 
           </td> 
          </tr> 
          <tr style="height:10px"> 
           <td align="center" height="5%">fasfg1</td> 
          </tr> 
          <tr style="height:10px"> 
           <td align="center" height="5%">fasfg1</td> 
          </tr> 
          <tr style="height:100px"> 
           <td align="center">fasfg1</td> 
          </tr>  
         </table> 
     </body> 
    </html>

來源

2012-06-12 12:57:01 Brian

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

回答

相關問題