首页 前端知识 Markdown中的表格如何合并单元格以及如何换行

Markdown中的表格如何合并单元格以及如何换行

2024-08-18 22:08:19 前端知识 前端哥 857 542 我要收藏

目前,markdown的语法不支持表格的单元格合并,只能使用 html 的表格源码来实现。举例如下:

<table>
    <tr>
        <td>A1</td>
        <td>B1</td>
        <td>C1</td>
        <td>D1</td>
    </tr>
    <tr>
        <td>A2</td>
        <td colspan="2">横跨两列</td>
        <td>D2</td>
    </tr>
    <tr>
        <td>A3</td>
        <td>B3</td>
        <td>C3</td>
        <td>D3</td>
    </tr>
</table>
A1B1C1D1
A2横跨两列D2
A3B3C3D3
<table>
    <tr>
        <td>A1</td>
        <td>B1</td>
        <td>C1</td>
        <td>D1</td>
    </tr>
    <tr>
        <td>A2</td>
        <td rowspan="2">横跨两行</td>
        <td>C2</td>
        <td>D2</td>
    </tr>
    <tr>
        <td>A3</td>
        <td>C3</td>
        <td>D3</td>
    </tr>
    <tr>
        <td>A4</td>
        <td>B4</td>
        <td>C4</td>
        <td>D4</td>
    </tr>
</table>
A1B1C1D1
A2横跨两行C2D2
A3C3D3
A4B4C4D4
<table>
    <tr>
        <td>A1</td>
        <td>B1</td>
        <td>C1</td>
        <td>D1</td>
    </tr>
    <tr>
        <td>A2</td>
        <td colspan="2" rowspan="3">横跨三行两列</td>
        <td>D2</td>
    </tr>
    <tr>
        <td>A3</td>
        <td>D3</td>
    </tr>
    <tr>
        <td>A4</td>
        <td>D4</td>
    </tr>
    <tr>
        <td>A5</td>
        <td>B5</td>
        <td>C5</td>
        <td>D5</td>
    </tr>
</table>
A1B1C1D1
A2横跨三行两列D2
A3D3
A4D4
A5B5C5D5

重点来了,markdown 语法的表格中,单元格如何换行?只需使用 <br /> 即可,举例如下:

| 换行   | 未换行    |
|---       |---            |
| First <br /> Second <br /> Third  | First  Second  Third  |
换行未换行
First
Second
Third
First Second Third
转载请注明出处或者链接地址:https://www.qianduange.cn//article/16143.html
标签
评论
发布的文章

无涯教程-HTML5 - MathML

2024-08-25 23:08:46

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!