2.3单元格合并

117 阅读1分钟
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
	<table border="1" cellspacing="0" align="center" width="300px" height="300px">
		<!-- ctrl + enter 表示换行  -->
		<!-- 跨行合并 rowspan='number'  跨列合并 colspan='number' -->
		<tr>
			<td colspan="2">11</td>
			<!-- <td>12</td> -->
			<td>13</td>
			<!-- 跨多行列合并 -->
			<td colspan="3" rowspan="2">14</td>
			<!-- <td>15</td>
			<td>16</td> -->
		</tr>
		<tr>
			<td>21</td>
			<td rowspan="2">22</td>
			<td>23</td>
			<!-- <td>24</td> -->
			<!-- <td>25</td>
			<td>26</td> -->
		</tr>
		<tr>
			<td>31</td>
			<!-- <td>32</td> -->
			<td>33</td>
			<td>34</td>
			<td>35</td>
			<td>36</td>
		</tr>
	</table>
</body>
</html>