[html] 第125天 举例说明table怎么合并行和列的？ #1083
Labels
html
html
Comments
|
多条信息中同一类别（例学生的班级），纵向合并table表格单元格 |
|
跨行合并：rowspan 跨列合并：colspan 合并单元格的思想： 将多个内容合并的时候，就会有多余的东西，把它删除。 例如 把 3个 td 合并成一个， 那就多余了2个，需要删除。 公式： 删除的个数 = 合并的个数 - 1 |
<!DOCTYPE HTML>
<HTML lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<table width="400" height="100" border="1">
<tr>
<td>123</td>
<td>abc</td>
<td>abc</td>
</tr>
<tr>
<td colspan="2">123</td>
<td>测试</td>
</tr>
<tr>
<td>123</td>
<td>abc</td>
<td>abc</td>
</tr>
</table>
1. 先确认跨列合并 colspan
2. 先上后下 先左右后
3. 删除的个数
<table width="400" height="100" border="1">
<tr>
<td>123</td>
<td>abc</td>
<td rowspan="3">abc</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>abc</td>
</tr>
</table>
1. 先确认跨行合并 rowspan
2. 先上后下 先左右后
3. 删除的个数
</body>
</HTML> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
第125天 举例说明table怎么合并行和列的？
The text was updated successfully, but these errors were encountered: