markdown_ Picture side by side scheme

references

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

html programme

• The effect is not ideal / Not stable enough
• Depend on html Attribute modulation
• Multiple <img> Do not use line breaks

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

---

table programme ( More general )

Be careful , When using the table scheme , Don't switch lines !

• Demo source code

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

effect (by table)

p1(optional)	p2(optional

typora Rendering of the editor

• typora The demo source code set under

• Mainly used html Property to set

<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)