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

Question

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

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

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

这会产生这样的效果：

我希望他们是一个挨着一个。如何做到这一点？

Answer 1

不要在它们之间添加任何新行。

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

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

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

Answer 2

我知道它已经得到了回答。但这对我没有帮助。我使用降价表：

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

Answer 3

将其包含在链接中

另一种可能对某些人有帮助的方法是将您的图像包含在链接中：

示例：

[![NPM Downloads](https://img.shields.io/npm/v/:herokutools)](https://www.npmjs.com/package/herokutools)
[![NPM Downloads](https://img.shields.io/npm/dw/:herokutools)](https://www.npmjs.com/package/herokutools)
[![NPM License](https://img.shields.io/npm/l/:herokutools)](LICENSE)
[![Stars](https://img.shields.io/github/stars/devboidesigns/herokutools)](https://github.com/DevboiDesigns/herokutools)

输出：