markdown_图片并排的方案

references

• how to arrange two images side by side in markdown Code Example (codegrepper.com)

html方案

• 效果不够理想/不够稳定
• 依赖于html属性调制
• 多个<img>间不要使用的换行

<img src="/img/da/387c22250dd69f5b95032851072092.png" width="280"/><img src="/img/da/387c22250dd69f5b95032851072092.png" width="200" /> 

---

table 方案(较为通用)

注意,使用表格方案的时候,不要又多余的换行!

• 演示源代码

 
| p1(optional) | p2(optional |
|--|--|
| ![p1](/img/c4/215f4451503138136a419f3c97d0d7.png) | ![p2](/img/c4/215f4451503138136a419f3c97d0d7.png) |
 

效果(by table)

p1(optional)	p2(optional

typora编辑器的渲染

• typora下设置的演示源码

• 主要利用html属性来设置

<img src="https://raw.githubusercontent.com/xuchaoxin1375/pictures/main/imagesimage-20220611203213594.png" alt="image-20220611203213594" style="zoom: 80%;" /><img src="https://raw.githubusercontent.com/xuchaoxin1375/pictures/main/imagesimage-20220611203236335.png" alt="image-20220611203236335" style="zoom:80%;" />![image-20220611203203763](/img/da/387c22250dd69f5b95032851072092.png)