如何在 README.md 中横向叠加图片

Question

我想在Github上的README.md文件中水平地叠放图像。

<img src = "screenshots/tool.png" width ="200" />

<img src = "screenshots/world_flash.png" width ="200" />

这会产生这样的效果： 我希望它们能够并排显示。如何实现？

- Rango

Answer 1

不要在它们之间加入任何换行符。

<img src = "screenshots/tool.png" width ="200" /> <img src = "screenshots/world_flash.png" width ="200" />

根据我的快速测试，这应该可以解决问题。

请查看Waylan在下面的评论中提供的其他信息。

- Aleksander Stelmaczonek

---

请注意，这会把图片放在同一段落中，所以如果它们比包含块宽，则会换行到下一行。但只要图像宽度的总和小于包含块的宽度，这种方法就可以正常工作。对于更复杂的内容，您需要涉足 CSS，但是 GitHub 不允许使用。 - Waylan

Answer 2

我知道这个问题已经有答案了。但是那并没有帮助到我。我使用了Markdown表格。

| <img src="screenshots/tool.png" width="200" /> | <img src="screenshots/world_flash.png" width="200" /> |

- sujeet