微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5中怎么设置单元格水平跨度

在html5中,可以利用单元格元素(td或th)的colspan属性来设置单元格水平跨度,该属性可以定义单元格应该横跨的列数,语法“<td colspan=水平横跨的列数>”或“<th colspan=水平横跨的列数>”。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

在html5中,想要设置单元格水平跨度,可以利用colspan属性(colspan属性作用在td或th元素上)

colspan 属性用于定义单元格应该横跨的列数。

语法:

<td colspan=number>
<th colspan=number>
描述
number

规定单元格应该横跨的列数。

注释:colspan=0 告知浏览器使单元格横跨到列组 (colgroup) 的最后一列。

示例:

<!DOCTYPE <!DOCTYPE html>
<html>
	<head>
		<Meta charset=utf-8 />
		<title>设置单元格列跨度</title>
	</head>
	<body>

		<table width=550 border=1 cellspacing=0 cellpadding=5>
			<tr>
				<th colspan=2 align=center>存款(1~3月)</th>
			</tr>
			<tr>
				<td>一月</td>
				<td>3000 元</td>
			</tr>
			<tr>
				<td>二月</td>
				<td>5000 元</td>
			</tr>
			<tr>
				<td>三月</td>
				<td>3500 元</td>
			</tr>
			<tr>
				<td colspan=2>总计:11500 元</td>
			</tr>
		</table>
	</body>
</html>

1.png

相关推荐:《html视频教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。