如何在README.md中水平堆叠图像

Ran*_*ngo 3 html markdown image github

我想在 github 上的 README.md 文件中水平堆叠图像。

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

<img src = "screenshots/world_flash.png" width ="200" />
Run Code Online (Sandbox Code Playgroud)

这会产生这样的效果:在此输入图像描述

我希望他们成为一个挨着一个的人。怎么做?

Ale*_*nek 7

不要在它们之间放置任何新行。

<img src = "screenshots/tool.png" width ="200" /> <img src = "screenshots/world_flash.png" width ="200" />
Run Code Online (Sandbox Code Playgroud)

至少根据我的快速测试,应该可以解决问题。

请参阅下面 Waylan 的评论以获取更多信息。

  • 请注意,这会将图像放在同一段落中,因此如果它们比包含块宽,它们将换行到下一行。但是,只要图像宽度的总和小于包含块的宽度,就可以正常工作。对于任何更复杂的事情,您需要冒险使用 CSS,这是 GitHub 所禁止的。 (3认同)