markdown中让图片和表格显示在一行

发表于 更新于 分类于 ， ， ， Waline： 本文字数： 922 阅读时长 ≈ 1 分钟

问题描述

原本的markdown表格语法是没有这个功能的,只能通过html代码来实现,在表格和图片外面再套上一个表格，外表格的第一个单元格放内表格，第二个单元格中放图片标签。这样图片和内表格就能显示在一行中了。具体html代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<table>
    <tr>
        <td width="80%">
            <table>
                <tr>
                    <td align="right">姓名</td>
                    <td align="left">xxx</td>
                </tr>
                <tr>
                    <td align="right">性别</td>
                    <td align="left">xxx</td>
                </tr>
                <tr>
                    <td align="right">电话</td>
                    <td align="left">xxxx</td>
                </tr>
                <tr>
                    <td align="right">邮箱</td>
                    <td align="left">xxxxxxx@xxx</td>
                </tr>
            </table>
        </td>
        <td width="20%" height="100%">
            <img src="url" alt="我的照片" />
        </td>
    </tr>
</table>

还有就是markdown中html表格标签中不要有换行符，显示的时候回出现好多空白行。删除上面的表格标签中的空白符后显示自效果如下：

效果