colspan

王朝百科·作者佚名  2010-02-15  
宽屏版  字体: |||超大  

colspan

HTML colspan 属性

定义和用法colSpan 属性可设置或返回表元横跨的列数。

语法

tabledataObject.colSpan=number_of_columns

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

<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里粘贴 以下代码<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>

</table>

<br /></body>

</html>分别去掉第二行第一列和第二列的colspan,或者改掉它的值,就能明白什么是"单元格横跨的列数了"利用colspan可以解决诸如"第一行六列,第二行四列,但是无法改变上下二列自动对齐"的问题

 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝百科 版权所有