美文网首页Markdown使用技巧iOS收藏
简书 Markdown 并排图片语句写法

简书 Markdown 并排图片语句写法

作者: Yao_Fairytale | 来源:发表于2019-04-13 03:00 被阅读9次

    正规并排图片的markdown 语句在简书并不起作用。但是表格语法可以帮助我们完成图片的并排
    一行表格的写法语句是:

    | 1 | 2 | 3 | 4 |
    |:-|:-|:-|:-|
    

    效果:

    1 2 3 4

    两行表格写法语句是

    | 1 | 2 | 3 | 4 |
    |:-|:-|:-|:-|
    | 1 | 2 | 3 | 4 |
    

    效果:

    1 2 3 4
    1 2 3 4

    将表格中数字替代成图片链接的简书写法即可,注意这里并不是你在晚上找到的Markdown语法规则,而是简书的规则。这是成功的关键。
    当我们将一张本地图片通过拖拽上传时生成的链接代码类似于

    ![示范图片.jpg](https://img.haomeiwen.com/i5659772/5a839d825c38353a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    

    此图片效果图为:


    示范图片.jpg

    此时我们需要在放入表格之前把链接中图片的一些设定去掉,只单纯保留图片的链接信息如下

    ![示范图片.jpg](https://img.haomeiwen.com/i5659772/5a839d825c38353a.jpg)
    

    将这串代码填入表格中数字的位置就可以将图片并排,代码如下

    | ![示范图片.jpg](https://img.haomeiwen.com/i5659772/5a839d825c38353a.jpg) | ![示范图片.jpg](https://img.haomeiwen.com/i5659772/5a839d825c38353a.jpg) | ![示范图片.jpg](https://img.haomeiwen.com/i5659772/5a839d825c38353a.jpg) | ![示范图片.jpg](https://img.haomeiwen.com/i5659772/5a839d825c38353a.jpg) |
    |:-|:-|:-|:-|
    

    效果图如下

    示范图片.jpg 示范图片.jpg 示范图片.jpg 示范图片.jpg

    相关文章

      网友评论

        本文标题:简书 Markdown 并排图片语句写法

        本文链接:https://www.haomeiwen.com/subject/xwmkwqtx.html