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

朱雀 2022-05-15 14:13 579阅读 0赞

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

<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表格标签中不要有换行符，显示的时候回出现好多空白行。删除上面的表格标签中的空白符后显示自效果如下：  
![table_img_insameline.png][]原文:

[table_img_insameline.png]: /images/20220503/ba931d5c410a414f8e736486d438f67d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，579人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSDN markdown多张图片显示并排并列显示

并列显示 <figure> <img src="http:xxx.pngpic_center"/> <img src="http

曾经终败给现在/ 2023年01月24日 02:02/ 0 赞/ 2 阅读

相关 markdown表格

表格 Markdown 表格 Markdown 制作表格使用 `|`来分隔不同的单元格，使用 `-`来分隔表头和其他行。语法格式如下： | 表头

深藏阁楼爱情的钟/ 2022年12月17日 13:57/ 0 赞/ 184 阅读

相关在 MarkDown 中添加表格（例如：在 CSDN 中添加表格）

内容一、使用 Markdown 创建表格（例如：在 CSDN 中创建表格） 1. 表格格式对齐方式 -: 设置内容和标题栏居右对齐；

冷不防/ 2022年10月16日 09:47/ 0 赞/ 357 阅读

相关 html设置在一行内显示,html – 同一行的中心和显示

我正在尝试显示两个< div>元素在同一条线上,但在中心.为了使它们居中,我不得不设置保证金：auto;但是,为了让两个人在同一条线上,我必须做以下任何一种情况： >设置显示

客官°小女子只卖身不卖艺/ 2022年10月07日 15:56/ 0 赞/ 199 阅读

相关【html css】DIV+CSS如何让图片和文字在同一行

【html css】DIV+CSS如何让图片和文字在同一行前端react项目要写一个图标放在标题后面。在div+css布局中，如果一行(或一个DIV)内容中有图片和

迈不过友情╰/ 2022年09月04日 05:52/ 0 赞/ 335 阅读

相关 Markdown编辑器让图片居中

在markdown里默认插入图片一般默认都是居左显示想要让图片居中就得使用下面的html代码来实现 <center> <img src="这里输入图片地址

短命女/ 2022年08月28日 00:37/ 0 赞/ 258 阅读

相关 markdown 图片并排显示

要一张图片接着一张图片的写，中间不能有换行。如果换行的话则图片也换行正确的写法： ![描述](图片链接)![描述](图片链接)![描述](图片链接) 实例：

浅浅的花香味﹌/ 2022年05月22日 01:40/ 0 赞/ 254 阅读

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

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

朱雀/ 2022年05月15日 14:13/ 0 赞/ 580 阅读

相关 css中如何让过宽的图片在页面中居中显示

在做网页的时候，插入一张图片，发现这张图片过宽，中间重要的内容不能完全显示出来，如下图所示 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shad

朱雀/ 2022年01月17日 02:23/ 0 赞/ 358 阅读

相关 elementUI表格无数据显示图片

![aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTM0NTYyNS8yMDE4MTIvMTM0NTYyNS0yMDE4MTIxOD

心已赠人/ 2021年10月19日 04:28/ 0 赞/ 925 阅读