Markdown使用技巧iOS收藏

简书 Markdown 并排图片语句写法

2019-04-13  本文已影响9人  Yao_Fairytale

正规并排图片的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
上一篇下一篇

猜你喜欢

热点阅读