Markdown绘制表格

FisrtBqy

已于 2024-05-21 04:24:21 修改

阅读量4.2w

点赞数 32

分类专栏： Tips 文章标签：经验分享

于 2022-03-20 00:32:34 首次发布

本文博主FisrtBqy。文章内容仅供学习交流，未经允许请勿用于论文写作、竞赛答辩、书刊出版、商业活动等。如有问题请联系作者：FisrtBqy@163.com

本文链接：https://blog.csdn.net/FisrtBqy/article/details/123606357

版权

Tips 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何在Markdown中使用基本语法创建表格，并展示了如何通过内嵌HTML代码实现单元格跨行跨列的合并，包括左对齐、居中和右对齐。同时，详细解释了关键的HTML属性如`colspan`和`rowspan`的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Markdown绘制表格

正常markdown语法：

| 表头     | 表头     | 表头     |
| -------- | -------- | -------- |
| 行1，列1 | 行1，列2 | 行1，列3 |
| 行2，列1 | 行2，列2 | 行2，列3 |
| 行3，列1 | 行3，列2 | 行3，列3 |

效果图：

表头	表头	表头
行1，列1	行1，列2	行1，列3
行2，列1	行2，列2	行2，列3
行3，列1	行3，列2	行3，列3

但是无法进行单元格合并。不过可以内嵌HTML代码来实现：

<h4>单元格跨行跨列:</h4>   <!--标题-->
<table border="1" width="500px" cellspacing="10">
<tr>
  <th align="left">表头(左对齐)</th>
  <th align="center">表头(居中)</th>
  <th align="right">表头(右对齐)</th>
</tr>
<tr>
  <td>行1，列1</td>
  <td>行1，列2</td>
  <td>行1，列3</td>
</tr>
<tr>
  <td colspan="2" align="center">合并行单元格</td>
  <td>行2，列3</td>
</tr>
<tr>
  <td rowspan="2" align="center">合并列单元格</td>
  <td>行3，列2</td>
  <td>行3，列3</td>
</tr>
<tr>
  <td>行4，列2</th>
  <td>行4，列3</td>
</tr>
</table>
<!--在表格td中，有两个属性控制居中显示
	align——表示左右居中——left，center，right
	valign——控制上下居中——left，center，right
	width——控制单元格宽度，单位像素
	cellspacing——单元格之间的间隔，单位像素
-->