-
colspan
鎖定
- 外文名
- colspan
- 簡 介
- HTML的一種合併列的標籤屬性
- 定義和用法
- 屬性規定單元格可橫跨的列數。
- 所屬領域
- 計算機
colspan定義和用法
colspan 屬性規定單元格可橫跨的列數。
colspan通常使用在td與th標籤中。
如:
colspan
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td colspan="2">January</td>
</tr>
<tr>
<td colspan="2">February</td>
</tr>
</table>
colspan語法
<td colspan="value">
<th colspan="value">
colspanvalue的值
- 用來設置單元格可橫跨的列數。
- colspan="0" 指示瀏覽器橫跨到列組的最後一列。
- colspan="1"沒有合併單元格的作用。
colspan實例
下面的例子更改了表元橫跨的列數（你可以嘗試運行！）：
<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的參考實例：
[1]
colspan瀏覽器支持
所有瀏覽器都支持 colspan 屬性。
沒有瀏覽器支持 colspan="0"，這個值有特殊的意義。
- 參考資料
-
- 1. HTML colspan 屬性 ．W3Cschool[引用日期2018-03-01]
