Markdown插入表格：从语法到调整宽度指南

小蓝 • 2024-12-28 12:17 • 编程

Markdown是一种轻量级标记语言，不但适用于写作，还可以添加表格。在Markdown中，表格的基本语法如下：

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

其中第二行 “-” 的数量可以任意排列，只要在单元格之间的位置对齐即可。对于每个单元格的内容，通过 “|” 竖线来进行隔开。上例所示的表格如下：

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

对于一些不熟悉Markdown语法的人来说，可以通过各种在线Markdown表格生成器来设计表格。其中，TablesGenerator是一款非常良心的Markdown表格生成器。

其操作非常简单，只需在”Code”页面中，添加表格的内容，然后点击“Generate”即可生成对应Markdown代码和表格。下面是一个利用TablesGenerator生成的表格代码和表格：

|    姓名    |  性别  |  年龄  |
| :--------: | :--: | :--: |
|    张三    |  男   |  18  |
|    李四    | 女   |  20  |

姓名	性别	年龄
张三	男	18
李四	女	20

在Markdown中，默认情况下，表格是左对齐的。如果需要让表格居中对齐，可以在表格代码中添加冒号”:”来实现。下面是一个居中对齐的表格：

|    姓名    |  性别  |  年龄  |
| :--------: | :--: | :--: |
|    张三    |  男   |  18  |
|    李四    | 女   |  20  |

姓名	性别	年龄
张三	男	18
李四	女	20

如果表格内的内容太多，需要进行换行，可以在单元格中使用HTML的换行标签”\
“实现。下面是一个有单元格内换行的表格：

|          姓名          |  性别  |  年龄  |
| :------------------: | :--: | :--: |
|        张三
李四        |  男   |  18  |
|    王五
赵六
钱七    | 女   |  20  |

姓名	性别	年龄
张三李四	男	18
王五赵六钱七	女	20

除了使用表格语法，Markdown还可以通过以下方法添加表格：

Markdown中的表格宽度默认是根据表格中内容的宽度来自适应的。如果需要调整表格宽度，可以通过在表格代码中添加”{:width}“来实现：

|      姓名      | 性别 |  年龄  |
| -- | -- | --: |
| 张三 | 男 | 20 |
| 李四 | 女 | 18 |
{:width="200px"}

其中的”{:width="200px"}“表示将表格宽度设置为200像素。实现的表格如下：

姓名	性别	年龄
张三	男	20
李四	女	18

与调整表格宽度相反，如果需要将整篇Markdown文档中的所有表格宽度统一设置为一定的宽度，可以在Markdown文档开头添加以下代码：

\
table {
  width: 50%;
}
\

上例所示的代码将所有表格的宽度设置为50%。可以根据需要进行修改。

本文从Markdown表格语法、生成工具、居中对齐、内换行、插入表格、宽度调整以及设置表格宽度等多方面进行了详细阐述。希望可以对读者了解和使用Markdown表格有所帮助。

原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/297971.html