站长资讯网
最全最丰富的资讯网站

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

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

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

本教程操作环境: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>

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

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号