+ -
当前位置:首页 → 问答吧 → colspan属性, 要怎么用?

colspan属性, 要怎么用?

时间:2011-06-09

来源:互联网

<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, 是什么? 要怎么用? 有什么功能?
为什么第一个有效, 而第二个会无效??

作者: L3nnon   发布时间: 2011-06-09

HTML code
<!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>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td colspan="4">&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
</body>
</html>

举个简单的例子,注意第二行第2个单元格,横跨了4个单元格(也就是4个单元格合并为1个了)。
http://www.w3school.com.cn/tags/att_td_colspan.asp

作者: T5500   发布时间: 2011-06-09

热门下载

更多