Markdown如何实现表格的合并单元格

白色玫瑰 程序猿

时间: 2023-07-11 阅读: 1 字数:3210

{}
Markdown不提供单元格合并语法。在我们实际运用中,表格排列并不一致,有单元格的合并。Markdown虽然没有合并单元格的语法,但是Markdown是兼容HTML的,因此,我们可以通过HTML的方式实现单元格合并。实现单元格合并...

原理

Markdown不提供单元格合并语法。在我们实际运用中,表格排列并不一致,有单元格的合并。

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

实现单元格合并的属性

按行合并:rowspan
按列合并:colspan

按列合并及按行合并示例

代码:

<table>
    <tr>
    <th colspan="3">计算机网络分层模型</th>
    </tr >
    <tr>
    <td >OSI七层模型</td>
    <td>TCP/IP四层模型</td>
    <td>TCP/IP五层模型</td>  
    </tr >
    <tr >
    <td>应用层</td>
    <td rowspan="3">应用层</td>
    <td rowspan="3">应用层</td>
    </tr>
    <tr>
    <td>表示层</td>
    </tr>
    <tr>
    <td>会话层</td>
    </tr>
    <tr>
    <td>传输层</td>
    <td>传输层</td>
      <td>传输层</td>
    </tr>
    <tr>
      <td>网络层</td>
    <td>网络层</td>
      <td>网络层</td>
    </tr>
    <tr>
    <td>数据链路层</td>
    <td rowspan="2">网络接口层</td>
      <td>数据链路层</td>
    </tr>
    <tr>
    <td>物理层</td>
    <td>物理层</td>
    </tr>
</table>

效果:

<table> <tbody> <tr> <th colspan="3">计算机网络分层模型</th> </tr> <tr> <td>OSI七层模型</td> <td>TCP/IP四层模型</td> <td>TCP/IP五层模型</td> </tr> <tr> <td>应用层</td> <td rowspan="3">应用层</td> <td rowspan="3">应用层</td> </tr> <tr> <td>表示层</td> </tr> <tr> <td>会话层</td> </tr> <tr> <td>传输层</td> <td>传输层</td> <td>传输层</td> </tr> <tr> <td>网络层</td> <td>网络层</td> <td>网络层</td> </tr> <tr> <td>数据链路层</td> <td rowspan="2">网络接口层</td> <td>数据链路层</td> </tr> <tr> <td>物理层</td> <td>物理层</td> </tr> </tbody> </table>nn > 原文地址:https://blog.csdn.net/mahoon411/article/details/125871243?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522168905959516800227485936%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=168905959516800227485936&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_ecpm_v1~rank_v31_ecpm-9-125871243-null-null.142^v88^control,239^v2^insert_chatgpt&utm_term=markdown

本文章网址:https://www.sjxi.cn/detil/d0ae9cf46410480fb7e7644d28520bba

最新评论

当前未登陆哦
登陆后才可评论哦

湘ICP备2021009447号