Markdown表格-换行、合并单元格

1表格中对其、换行处理

1.1 一般我们都会这样用表格如下:

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

实现效果图:

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

1.2 当然这里也可以通过设置|:--|左对齐,|--:|右对齐

比如下面的左对齐:

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

效果:

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

1.3 实现表格内容换行

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

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

效果:

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

2 合并表格

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 综合实例

<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>

效果图:

小王小小王
隔壁老王
车神名车
隔壁老王自行车
电瓶车
  • 16
    点赞
  • 58
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
在Typora中,使用HTML语法创建表格是支持合并单元格的。你可以使用HTML的`<td rowspan>`和`<td colspan>`属性来合并单元格。 例如,如果你想要合并一个单元格跨越2行和2列,你可以这样写: ``` <table> <tr> <*** rowspan="2">合并单元格</***> <***>第一列</***> </tr> <tr> <***>第二列</***> </tr> </table> ``` 上面的代码会创建一个带有合并单元格的2x2表格。其中,第一个单元格通过`row***合并了2行,而其他单元格则正常显示。 然而,需要注意的是,标准的Markdown语法并不支持合并单元格或让单个值跨越多行或多列。如果你想要实现单个值跨越多行或多列,你需要在每个单元格中重复这个值。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [使用typora实现表格单元格合并](https://blog.csdn.net/qq_53491675/article/details/129799232)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [Typora编辑器使用教程.md](https://download.csdn.net/download/qq_21160865/12401064)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值