markdown 合并单元格

已于 2022-12-23 19:39:40 修改
阅读量1w 收藏 21
点赞数 11
文章标签： markdown 合并单元格 html vscode
于 2022-12-23 17:07:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tyustli/article/details/128421566
版权

markdown 合并单元格

markdown 本身没有合并单元格的语法。但是在实际使用中却有合并单元格的需求。

markdown 虽然没有合并单元格的语法，但是 markdown 是兼容 HTML 的，因此，我们可以通过 HTML 的方式实现单元格合并。

HTML 相关语法

使用示例

<td> text </td>

符号含义

- <table>：表格开始
- </table>：表格结束
- <tr>：行开始
- </tr>：行结束
- <th>：表头开始
- </th>：表头结束
- <td>：表格元素开始
- </td>：表格元素结束
- <!-- text -->：注释
- rowspan：按行合并 <td rowspan="2">text</td> 合并两行
- colspan：按列合并 <td colspan="2">text</td> 合并两列

示例 1

效果展示

CSW 命令状态封包
偏移 位
7 6 5 4 3 2 1 0

源码

<table>
    <tr> <!-- 第一行数据 -->
        <th colspan="9">CSW 命令状态封包 </th> <!-- 表头，用于居中显示；合并 9 行为 CBW 数据封包 -->
    </tr>
    <tr> <!-- 第二行数据 -->
        <th rowspan="2"> 偏移 </th> <!-- 表头，用于居中显示；合并 2 行为 字节 -->
        <th colspan="8"> 位 </th>  <!-- 表头，用于居中显示；合并 8 列 -->
    </tr>
    <tr> <!-- 第三行数据 -->
    <td> 7 </td>
    <td> 6 </td>
    <td> 5 </td>
    <td> 4 </td>
    <td> 3 </td>
    <td> 2 </td>
    <td> 1 </td>
    <td> 0 </td>
    </tr>
</table>

示例 2

效果展示

CSW 命令状态封包
偏移 位
7 6 5 4 3 2 1 0
0-3 dCBWSignature
4-7 dCBWTag
8-11(08h-0Bh) dCSWDataResidue
12(0Ch) bCSWStatus

源码


<table>
    <tr> <!-- 第一行数据 -->
        <th colspan="9">CSW 命令状态封包 </th> <!-- 表头，用于居中显示；合并 9 行为 CBW 数据封包 -->
    </tr>
    <tr> <!-- 第二行数据 -->
        <th rowspan="2"> 偏移 </th> <!-- 表头，用于居中显示；合并 2 行为 字节 -->
        <th colspan="8"> 位 </th>  <!-- 表头，用于居中显示；合并 8 列 -->
    </tr>
    <tr> <!-- 第三行数据 -->
        <td> 7 </td>
        <td> 6 </td>
        <td> 5 </td>
        <td> 4 </td>
        <td> 3 </td>
        <td> 2 </td>
        <td> 1 </td>
        <td> 0 </td>
    </tr>
    <tr> <!-- 第四行数据 -->
        <th> 0-3 </th>  <!-- 第一列 -->
        <th colspan="8"> dCBWSignature </th> <!-- 第二列 合并了 8 列 -->
    </tr>
    <tr> <!-- 第五行数据 -->
        <th> 4-7 </td>  <!-- 第一列 -->
        <th colspan="8"> dCBWTag </td> <!-- 第二列 合并了 8 列 -->
    </tr>
    <tr> <!-- 第六行数据 -->
        <th> 8-11(08h-0Bh) </td>  <!-- 第一列 -->
        <th colspan="8"> dCSWDataResidue </th> <!-- 第二列 合并了 8 列 -->
    </tr>
    <tr> <!-- 第七行数据 -->
        <th> 12(0Ch) </th>  <!-- 第一列 -->
        <th colspan="8"> bCSWStatus </th> <!-- 第二列 合并了 8 列 -->
    </tr>
</table>

内容居中

  • 上面的表格中使用 <th> text </th> 可以使相应的文本居中显示，但是会高亮
  • style="text-align:center" 可以让内容居中显示

示例 3

效果展示

CBW 命令块封包
偏移 位
7 6 5 4 3 2 1 0
0-3 dCBWSignature
4-7 dCBWTag
8-11(08h-0Bh) dCBWDataTransferLength
12(0Ch) bmCBWFlags
13(0Dh) Reserved(0) bCBWLUN
14(0Eh) Reserved(0) bCBWCBLength
15-30(0Fh-1Eh) CBWCB

源码

<table>
    <tr> <!-- 第一行数据 -->
        <th style="text-align:center" colspan="9">CBW 命令块封包 </th> <!-- 表头，用于居中显示；合并 9 行为 CBW 数据封包 -->
    </tr>
    <tr> <!-- 第二行数据 -->
        <td style="text-align:center" rowspan="2"> 偏移 </td> <!-- 表头，用于居中显示；合并 2 行为 字节 -->
        <td style="text-align:center" colspan="8"> 位 </td>  <!-- 表头，用于居中显示；合并 8 列 -->
    </tr>
    <tr> <!-- 第三行数据 -->
        <td> 7 </td> <!-- 第二列 -->
        <td> 6 </td> <!-- 第三列 -->
        <td> 5 </td> <!-- 第四列 -->
        <td> 4 </td> <!-- 第五列 -->
        <td> 3 </td> <!-- 第六列 -->
        <td> 2 </td> <!-- 第七列 -->
        <td> 1 </td> <!-- 第八列 -->
        <td> 0 </td> <!-- 第九列 -->
    </tr>
    <tr> <!-- 第四行数据 -->
        <td style="text-align:center"> 0-3 </td>  <!-- 第一列 -->
        <td style="text-align:center" colspan="8"> dCBWSignature </td> <!-- 第二列 合并了 8 列 -->
    </tr>
    <tr> <!-- 第五行数据 -->
        <td style="text-align:center"> 4-7 </td>  <!-- 第一列 -->
        <td style="text-align:center" colspan="8"> dCBWTag </td> <!-- 第二列 合并了 8 列 -->
    </tr>
    <tr> <!-- 第六行数据 -->
        <td style="text-align:center"> 8-11(08h-0Bh) </td>  <!-- 第一列 -->
        <td style="text-align:center" colspan="8"> dCBWDataTransferLength </td> <!-- 第二列 合并了 8 列 -->
    </tr>
    <tr> <!-- 第七行数据 -->
        <td style="text-align:center"> 12(0Ch) </td>  <!-- 第一列 -->
        <td style="text-align:center" colspan="8">bmCBWFlags</td> <!-- 第二列 合并了 8 列 -->
    </tr>
    <tr> <!-- 第八行数据 -->
        <td style="text-align:center"> 13(0Dh) </td>  <!-- 第一列 -->
        <td style="text-align:center" colspan="4"> Reserved(0) </td> <!-- 第二列 合并了 4 列 -->
        <td colspan="4"> bCBWLUN </td> <!-- 第五列 合并了 4 列 -->
    </tr>
    <tr> <!-- 第九行数据 -->
        <td style="text-align:center"> 14(0Eh) </td>  <!-- 第一列 -->
        <td style="text-align:center" colspan="3"> Reserved(0) </td> <!-- 第二列 合并了 3 列 -->
        <td style="text-align:center" colspan="5"> bCBWCBLength </td> <!-- 第五列 合并了 5 列 -->
    </tr>
    <tr> <!-- 第十行数据 -->
        <td style="text-align:center"> 15-30(0Fh-1Eh) </td>  <!-- 第一列 -->
        <td style="text-align:center" colspan="8"> CBWCB </td> <!-- 第二列 合并了 8 列 -->
    </tr>
</table>

总结

markdown 合并单元格需要对 html 表格语法稍微熟悉下，对于新手不友好，不想折腾的还是老老实实用 excel 吧

tyustli
关注
专栏目录
在mardown中对单元格进行合并
Marry Sherlock's Blog
11-02 5320
在mrakdown文件中对单元格进行合并 一、创建表格的方法 在markdown文件中创建单元格的方式有两种： （1） 项目 | 值 ----- | ----- project1 | value1 project2 | value2 project3 | value3 项目 值 project1 value1 project2 value2 project3 value3 （2）HTML格式 <table> <tr> <th>标题一&
markdown 合并单元格、表格内换行
m0_66817262的博客
02-25 588
markdown 合并单元格、表格内换行（colspan, rowspan, br）
Markdown格式进阶之表格：合并单元格、颜色修改以及其他
懒得写
04-17 1万+
保姆级教程。虽然要用点HTML但语句很简单，我毫无代码基础都能会。
markdown使用技巧 - 处理表格
最新发布
07-30 398
怎样制作方便的合并表格？1.Google sheet中制作表格合并的单元格在Excel/WPS直接复制过去即可，或者手动选择多个单元格后按这个按钮。3.Emeditor正则处理。
Markdown插入表格，合并单元格
weixin_42118352的博客
06-21 2010
Markdown插入表格，合并单元格。
Markdown表格实现合并单元格
qq_17833651的博客
06-02 2218
markdown基本语法的表格没有办法实现合并单元格功能，但是在实际使用中很多时候需要合并单元格。如果想实现合并单元格功能，可以使用HTML来实现(markdown兼容html)纵向合并时在需合并的首个单元格td标签内添加rowspan=“跨行数”同样的横向合并就添加colspan=“横跨列数”例如需要写一个这样非连续的寄存器说明。这样可以实现横向与纵向合并单元格。markdown语法的表格。
Markdown 表格单元格合并（跨行、跨列）及文本换行
u013669912的博客
06-06 2704
…
Markdown如何实现表格的合并单元格
sally的jerry
07-19 2万+
Markdown不提供单元格合并语法。在我们实际运用中，表格排列并不一致，有单元格的合并。Markdown虽然没有合并单元格的语法，但是Markdown是兼容HTML的，因此，我们可以通过HTML的方式实现单元格合并。实现单元格合并的属性。...
markdown合并单元格的语法
07-04
合并单元格通常是在 Markdown 中创建表格时的操作，但Markdown本身并没有直接提供这个功能。然而，Markdown表格可以通过 HTML 实现单元格合并，因为 Markdown 本质上支持 HTML 兼容性。 如果你想要合并单元格，可以...
markdown怎么合并单元格
09-06
要在Markdown中合并单元格，您可以使用HTML的表格语法来实现。首先，您需要在Markdown中创建一个表格，并使用HTML的`<th>`和`<td>`标签来定义表头和单元格。然后，您可以使用`colspan`属性来将多个单元格合并为一个...
markdown 表格 合并单元格
07-28
在 Markdown 中，合并单元格是通过使用特定的语法来实现的。以下是一种常用的方式来创建合并单元格的表格： ``` | Header 1 | Header 2 | Header 3 | |----------|:--------:|---------:| | Cell 1 | Cell 2 | Cell...
markdown-it-merge-cells:一个markdown-it插件，用于合并表中具有相同内容的相邻单元格
05-19
降价合并单元 一个markdown-it插件，用于合并具有相同内容的相邻单元格。 这将首先合并与每一列相同内容的单元格，然后合并与相同内容的单元格（和高度，如果那些在第一步合并）每排。 这是设计使然，因为通常一列是一个字段，一行是一个记录-与在记录中多字段具有相同的值相比，多记录在一个字段中具有相同的值更为合理。 用法 // Node.js let MarkdownIt = require ( 'markdown-it' ) , MarkdownItMergeCells = require ( 'markdown-it-merge-cells' ) , md = new MarkdownIt ( ) ; md . use ( MarkdownItMergeCells ) ; // Browser (use dist/bundle.min.js) let md = new
Markdown表格合并单元格
热门推荐
programme_dong的博客
03-03 8万+
Markdown表格合并单元格 Markdown表格语法介绍 基本语法: |属性1 |属性2 |属性3 | |----- |----- |----- | |value1|value1|value1| |value2|value2|value2| 实例 实现 | 属性名 | 含义 | 常用属性值 | |-----|-----|------| | border | 设置表格的边框（默认borde...
Markdown 中的表格合并单元格
tonglingtou1875的博客
09-03 3848
Markdown中没有合并单元格的语法，但是Markdown是兼容HTML的，可以通过HTML的方式实现单元格合并。 示例代码及效果如下： <table> <tr> <th>属性</th> <th>属性值</th> <th>描述</th> </tr > <tr > <td rowspan="3">type</td>
Markdown怎么样实现表格的单元格合并
编程驿站
05-17 919
在一篇记录PHP date()的函数详解中，有一部分关于$format格式化选项介绍，用到了表格的单元格合并部分功能，文章基本都是基于Markdown语法创建，但在合并单元格这一项时，突然不知道具体用什么语法实现了。其实原生的Markdown语法是不支持单元格合并的，但好在Markdown自身完全兼容HTML语法，所以我们可以使用HTML的table语法来实现
Markdown扩展语法（合并单元格、设置表格 文字 图片对齐方式、修改字体字号颜色、修改图片大小等）平台：Vscode
如果博客有帮助到你，是我的荣幸。
11-08 1391
通过语法说明、示例和渲染效果详细介绍了Markdown的扩展语法。其包括合并单元格，设置对齐方式，修改字体、字号和颜色，修改图片大小和位置，添加脚注、任务列表和emoji表情等内容。
Markdown怎么合并单元格？
wx940627的博客
06-30 3246
1、问题 在使用markdown表格整理数据时，实际的排列并不一致，单元格需要合并，但是Markdown不提供单元格合并语法，那我们怎么去实现？ 2、解决 Markdown虽然没有合并单元格的语法，但是Markdown兼容HTML 因此，我们可以通过HTML - Table的方式实现单元格合并。 语法 <table> <tbody> <tr> <th>类别</th> <th>关键字&l
markdown合并单元格
pamchen的专栏
03-29 215
<table> <tr> <th>dict</th> <th>field</th> <th>type</th> <th>desc</th> </tr > <tr > <td rowspan="15">cn_char</td> ...
Markdown_合并表格中的单元格
k909397116的博客
06-12 839
转载：Markdown合并单元格 Markdown本身不提供单元格合并语法，但是，Markdown是兼容HTML的，因此，我们可以通过HTML的方式实现单元格合并. colspan：规定单元格可占据的列数 rowspan：规定单元格可占据的行数 <table> <tr> <th>属性</th> <th>属性值</th> <th>描述</th> </tr > &l
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值