colspan属性, 要如何用
日期：2014-05-17 浏览次数：20579 次
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, 是什么? 要怎么用? 有什么功能?
为什么第一个有效, 而第二个会无效??
------解决方案--------------------
举个简单的例子，注意第二行第2个单元格，横跨了4个单元格（也就是4个单元格合并为1个了）。
http://www.w3school.com.cn/tags/att_td_colspan.asp
------解决方案--------------------
http://www.w3school.com.cn/tags/att_td_colspan.asp
看看
------解决方案--------------------
colspan=2，代表它需要占用两个单元格的位置，有点像合并单元格的意思。除啦有colspan还有rowspan.
------解决方案--------------------
colspan就是合并单元格。
就是1个TD占用了好几个TD的地方。
------解决方案--------------------
colspan是合并行上的单元格，rowspan是合并列上的单元格。举个列子：假如第一行只有一个单元格，而第二行有四个需要的信息就需要四个单元格，这样要使第一行与第二行协调一致，就需要把第一行的colspan设置为4.这样似乎也把第一行分成啦四份，但是是合并啦的，所以看起来是一个单元格。
------解决方案--------------------
colspan是合并行上的单元格也就是左右合并，rowspan是合并列上的单元格即上下合并
<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, 是什么? 要怎么用? 有什么功能?
为什么第一个有效, 而第二个会无效??
------解决方案--------------------
<!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
------解决方案--------------------
http://www.w3school.com.cn/tags/att_td_colspan.asp
看看
------解决方案--------------------
colspan=2，代表它需要占用两个单元格的位置，有点像合并单元格的意思。除啦有colspan还有rowspan.
------解决方案--------------------
colspan就是合并单元格。
就是1个TD占用了好几个TD的地方。
------解决方案--------------------
colspan是合并行上的单元格，rowspan是合并列上的单元格。举个列子：假如第一行只有一个单元格，而第二行有四个需要的信息就需要四个单元格，这样要使第一行与第二行协调一致，就需要把第一行的colspan设置为4.这样似乎也把第一行分成啦四份，但是是合并啦的，所以看起来是一个单元格。
------解决方案--------------------
colspan是合并行上的单元格也就是左右合并，rowspan是合并列上的单元格即上下合并
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
