开始系统学习前端啦~
记录一下自己在学习时不够熟悉的一些点儿
表格的行/列合并
跨行合并合并的都是合并行,不跨行合并的都是和并列
不管是合并行还是和并列,合并的属性都给列td(th)设置
表格的合并不是合二为一,而是一个人占多个人的位置,把其他的内容挤出去
合并行 rowspan
和并列 colspan
举个小栗子!
<!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="1px" cellspacing="0" cellpadding="50px">
<caption>表格的合并:合并行/列</caption>
<tr>
<td rowspan="2">合并行</td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td align="center" colspan="2">合并列</td>
<td></td>
</tr>
</table>
</body>
</html>