colspan是html表格標籤<table>裡面<td>或<th>標籤的標籤屬性，其屬性是設定當前單元格橫跨的列數。
基本介紹
- 外文名：colspan
- 簡介：HTML的一種合併列的標籤屬性
- 定義和用法：屬性規定單元格可橫跨的列數。
定義和用法,語法,value的值,實例,瀏覽器支持,
定義和用法
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"沒有合併單元格的作用。
實例
下面的例子更改了表元橫跨的列數（你可以嘗試運行！）：
<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"，這個值有特殊的意義。
