1、问题
在使用markdown表格整理数据时,实际的排列并不一致,单元格需要合并,但是Markdown不提供单元格合并语法,那我们怎么去实现?
2、解决
Markdown虽然没有合并单元格的语法,但是Markdown兼容HTML
因此,我们可以通过HTML - Table的方式实现单元格合并。
- 语法
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | <table> <tbody> <tr> <th>类别</th> <th>关键字</th> <th>说明</th> </tr> <tr> <td rowspan="3">变量引用</td> <td>super</td> <td>父类,超类</td> </tr> <tr> <td>this</td> <td>本类</td> </tr> <tr> <td>void</td> <td>无返回值</td> </tr> <tr> <td rowspan="3">保留关键字</td> <td>goto</td> <td>是关键字,但不能使用</td> </tr> <tr> <td>const</td> <td>是关键字,但不能使用</td> </tr> <tr> <td>null</td> <td>空</td> </tr> </tbody> </table> |
- 效果
类别 | 关键字 | 说明 |
---|---|---|
变量引用 | super | 父类,超类 |
this | 本类 | |
void | 无返回值 | |
保留关键字 | goto | 是关键字,但不能使用 |
const | 是关键字,但不能使用 | |
null | 空 |
3、Html - Table 相关语法补充
3.1合并单元格 (重点)
- 跨行合并:rowspan(垂直方向合并)
- 跨列合并:colspan (水平方向合并)
- 推荐文章 - 跳转
3.2 表格样式
属性名 | 含义 | 常用属性值 |
---|---|---|
border | 设置表格的边框(默认border="0"无边框) | 像素值 |
cellspacing | 设置单元格与单元格边框之间的空白间距 | 像素值(默认2像素) |
cellpadding | 设置单元格内容与单元格边框之间的空白间距 | 像素值(默认1像素) |
width | 设置表格的宽度 | 像素值 |
height | 设置表格的高度 | 像素值 |
align | 设置表格在网页中的水平对齐方式 | left、right、center |
参考文章 : https://blog.csdn.net/qq_32042527/article/details/88084130