HTML colspan 屬性

admin發表於2018-11-04
HTML

colspan 屬性定義單元格應該橫跨的列數。

也就是在橫向上打通單元格，實現單元格合併效果。

程式碼例項如下：

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
</head>
<body>
<table border="1">
  <tr>
    <th>前端專區</th>
    <th>資源下載</th>
  </tr>
  <tr>
    <td>css教程</td>
    <td>特效下載</td>
  </tr>
  <tr>
    <td>div教程</td>
    <td>教程下載</td>
  </tr>
  <tr>
    <td colspan="2">螞蟻部落</td>
  </tr>
</table>
</body>
</html>

程式碼執行效果截圖如下：

a:3:{s:3:\"pic\";s:43:\"portal/201811/04/130049i70ugvkr64uml4vt.png\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

程式碼分析如下：

（1）.將最後一行的td單元格colspan屬性值設定為2。

（2）.那麼td單元格將會橫向將兩個單元格合併起來。

（3）.那麼最後一行的第二個列的td單元格就可以省略。

相關文章