Markdown如何自定义表格

本文最后更新于:1 年前

Markdown如何自定义表格

使用Markdown语法和HTML代码

1. 普通表格

1
2
使用 |文字1|文字2|
三个或多个连字符(---)分割开表头

代码如下:

1
2
3
4
5
6
7
8
| 模板     | 用途     | 回退    |
| -------- | -------- | ------- |
| index | 首页 | |
| post | 文章 | index |
| page | 分页 | index |
| archive | 归档 | index |
| category | 分类归档 | archive |
| tag | 标签归档 | archive |
模板 用途 回退
index 首页
post 文章 index
page 分页 index
archive 归档 index
category 分类归档 archive
tag 标签归档 archive

也可以直接这样写,处理效果是一样的

1
2
3
4
|表头1|表头2|
|---|---|
|内容1|内容2|
|内容3|内容4|
表头1 表头2
内容1 内容2
内容3 内容4

2.多行多列的表格

采用HTML的代码方式,与正常的HTML代码使用一样:

其中text-align是为了文本居中(只能左右),vertical-align是垂直居中

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
36
37
38
39
40
41
42
<table>
<tr>
<td colspan="2" style="text-align: center;vertical-align:middle;">数据类型</td>
<td>长度(位)</td>
</tr>
<tr>
<td rowspan="4" style="text-align: center;vertical-align:middle;">整数类型</td>
<td>byte</td>
<td>8</td>
</tr>
<tr>
<td>short</td>
<td>16</td>
</tr>
<tr>
<td>int</td>
<td>32</td>
</tr>
<tr>
<td>long</td>
<td>64</td>
</tr>
<tr>
<td rowspan="2" style="text-align: center;vertical-align:middle;">浮点类型</td>
<td>float</td>
<td>32</td>
</tr>
<tr>
<td>double</td>
<td>64</td>
</tr>
<tr>
<td style="text-align: center;vertical-align:middle;">字符型</td>
<td>char</td>
<td>16</td>
</tr>
<tr>
<td style="text-align: center;vertical-align:middle;">布尔型</td>
<td>boolean</td>
<td>~</td>
</tr>
</table>

效果如下:

数据类型 长度(位)
整数类型 byte 8
short 16
int 32
long 64
浮点类型 float 32
double 64
字符型 char 16
布尔型 boolean ~

Markdown如何自定义表格
https://chris-z-su.github.io/2022/11/08/技术/Markdown如何自定义表格/
作者
Chris
发布于
2022年11月8日
许可协议