定義和用法
colspan 屬性規定單元格可橫跨的列數。
colspan通常使用在td與th標籤中。
如:
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td colspan="2">January</td>
</tr>
<tr>
<td colspan="2">February</td>
</tr>
</table>
語法
<td colspan=" value">
<th colspan=" value">
value的值
用來設定單元格可橫跨的列數。
colspan="0" 指示瀏覽器橫跨到列組的最後一列。
colspan="1"沒有合併單元格的作用。
1.用來設定單元格可橫跨的列數。
2.colspan="0" 指示瀏覽器橫跨到列組的最後一列。
3.colspan="1"沒有合併單元格的作用。
實例
下面的例子更改了表元橫跨的列數(你可以嘗試運行!):
<html>
<body>
<table border="1">
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td id="td1">Peter</td>
<td id="td2">Griffin</td>
<td>james</td>
<td>kobe</td>
</tr>
<tr>
<td colspan="2">yao</td>
<td colspan="2">ming</td>
</tr>
</table>
</body>
</html>
分別去掉第二行第一列和第二列的colspan,或者改掉它的值,就能明白什麼是"單元格橫跨的列數了"利用colspan可以解決諸如"第一行六列,第二行四列,但是無法改變上下二列自動對齊"的問題
你可以查看來自w3cschool的參考實例:
瀏覽器支持
所有瀏覽器都支持 colspan 屬性。
沒有瀏覽器支持 colspan="0",這個值有特殊的意義。