请输入您要查询的百科知识:

 

词条 colspan
释义

colSpan是一种编程语言,其属性可设置或返回表元横跨的列数。

定义和用法

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">

属性值

值 描述

number 设置单元格可横跨的列数。
注释:colspan="0" 指示浏览器横跨到列组的最后一列。

实例

下面的例子更改了表元横跨的列数:

<html><head><script type="text/javascript">function changeColSpan() { document.getElementById("td1").colSpan="2"; }</script></head><body><table border="1"><tr><th>Firstname</th><th>Lastname</th></tr><tr><td id="td1">Peter</td><td id="td2">Griffin</td></tr></table><br /><input type="button" onclick=changeColSpan()value="Change colspan" /></body></html>在浏览器里运行一下就知道了要是还是不清楚,在dreamweaver里粘贴 以下代码

<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可以解决诸如"第一行六列,第二行四列,但是无法改变上下二列自动对齐"的问题

浏览器支持

所以浏览器都支持 colspan 属性。

没有浏览器支持 colspan="0",这个值有特殊的意义。(参见属性值表格中的描述)

随便看

 

百科全书收录4421916条中文百科知识,基本涵盖了大多数领域的百科知识,是一部内容开放、自由的电子版百科全书。

 

Copyright © 2004-2023 Cnenc.net All Rights Reserved
更新时间:2025/1/31 11:00:46