Markdown语法之表格-换行、合并单元格操作

Markdown语法之表格-换行、合并单元格操作

目录

• 一、表格中对其与换行处理
  • 1.1 MakeDown中是这样创建表格的：
  • 1.2 设置表格中文本对齐
  • 1.3 实现表格内容换行
• 二、合并表格
  • 2.1 合并表格行
  • 2.2 合并表格列
  • 2.3 综合实例

一、表格中对其与换行处理

1.1 MakeDown中是这样创建表格的：

|排名|姓名|
|--|--|
|第一名|隔壁老王|
|第二名|隔壁小王、隔壁小小王|

实现效果展示：

排名	姓名
第一名	隔壁老王
第二名	隔壁小王、隔壁小小王

1.2 设置表格中文本对齐

可以通过|:--|实现左对齐，|--:|实现右对齐；

例如实现右对齐：

|排名|姓名|
|--:|--:|
|第一名|隔壁老王|
|第二名|隔壁小王、隔壁小小王|

实现效果展示：

排名	姓名
第一名	隔壁老王
第二名	隔壁小王、隔壁小小王

1.3 实现表格内容换行

Markdown本身不提供单元格合并语法，但是，Markdown是兼容HTML的，因此，我们可以通过HTML的方式实现单元格合并。

实现单元格文本换行操作示例：

|排名|姓名|
|:--|:--|
|第一名|隔壁老王|
|第二名|隔壁小王 <br> 隔壁小小王|

实现效果展示：

排名	姓名
第一名	隔壁老王
第二名	隔壁小王 隔壁小小王

二、合并表格

2.1 合并表格行

这里还是要与HTML网页结合起来，来达到效果。
这里是用到了HTML的一个标签，
colspan：规定单元格可纵深的列数
rowspan：规定单元格可横跨的行数

合并表格行操作示例：

<table>
	<tr>
		<td>小王</td>
		<td>小小王</td>
	<tr>
	</tr>
		<td colspan="2">隔壁老王</td>
	</tr>
</table>

实现效果展示：

小王	小小王
隔壁老王

2.2 合并表格列

合并表格列操作示例：

<table>
	<tr>
		<td>车神</td>
		<td>名车</td>
	</tr>
	<tr>
		<td rowspan="2">隔壁老王</td>
		<td>自行车</td>
	</tr>
	<tr>
		<td>电瓶车</td>
	</tr>
</table>

实现效果展示：

车神	名车
隔壁老王	自行车
	电瓶车

2.3 综合实例

MarkDown语法展示：

<table>
  	<tr>
		<td>小王</td>
		<td>小小王</td>
	<tr>
	<tr>
		<td colspan="2">隔壁老王</td>
	<tr>
	<tr>
		<td>车神</td>
		<td>名车</td>
	</tr>
	<tr>
		<td rowspan="2">隔壁老王</td>
		<td>自行车</td>
	</tr>
	<tr>
		<td>电瓶车</td>
	</tr>
</table>

实现效果展示：

小王	小小王
隔壁老王
车神	名车
隔壁老王	自行车
	电瓶车