61,112
社区成员
发帖
与我相关
我的任务
分享colspan属性, 要怎么用?
<html>
<head>
<title></title>
</head>
<body>
<table border="1" width="500">
<tr>
<td colspan="1" width="300">Data 1</td> <---有效(第一)
<td colspan="2">Data 2</td> <---无效(第二)
<td>Data 3</td>
</tr>
</table>
</body>
</html>
colspan, 是什么? 要怎么用? 有什么功能?
为什么第一个有效, 而第二个会无效??
<head>
<title></title>
</head>
<body>
<table border="1" width="500">
<tr>
<td colspan="1" width="300">Data 1</td> <---有效(第一)
<td colspan="2">Data 2</td> <---无效(第二)
<td>Data 3</td>
</tr>
</table>
</body>
</html>
colspan, 是什么? 要怎么用? 有什么功能?
为什么第一个有效, 而第二个会无效??
...全文
请发表友善的回复…
发表回复
fan0228 2012-11-06
- 打赏
- 举报
IE6无效的
KeepMoving 2011-06-09
- 打赏
- 举报
colspan 属性规定单元格可横跨的列数。
cjh200102 2011-06-09
- 打赏
- 举报
colspan是合并行上的单元格也就是左右合并，rowspan是合并列上的单元格即上下合并
LXQYYH 2011-06-09
- 打赏
- 举报
colspan是合并行上的单元格，rowspan是合并列上的单元格。举个列子：假如第一行只有一个单元格，而第二行有四个需要的信息就需要四个单元格，这样要使第一行与第二行协调一致，就需要把第一行的colspan设置为4.这样似乎也把第一行分成啦四份，但是是合并啦的，所以看起来是一个单元格。
灬上海爽爷 2011-06-09
- 打赏
- 举报
colspan就是合并单元格。
就是1个TD占用了好几个TD的地方。
就是1个TD占用了好几个TD的地方。
LXQYYH 2011-06-09
- 打赏
- 举报
colspan=2，代表它需要占用两个单元格的位置，有点像合并单元格的意思。除啦有colspan还有rowspan.
xuexiaodong2009 2011-06-09
- 打赏
- 举报
http://www.w3school.com.cn/tags/att_td_colspan.asp
看看
看看
乌镇程序员 2011-06-09
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<table width="100%" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td colspan="4"> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>举个简单的例子，注意第二行第2个单元格，横跨了4个单元格（也就是4个单元格合并为1个了）。
http://www.w3school.com.cn/tags/att_td_colspan.asp
