我能想到的解决这个问题的最简单的方法是使用GitHub的调味markdown中包含的表格。

在你的具体例子中，它看起来是这样的:

Solarized dark             |  Solarized Ocean
:-------------------------:|:-------------------------:
![](https://...Dark.png)  |  ![](https://...Ocean.png)

这将创建一个以Solarized Dark和Ocean为标题的表，然后在第一行中包含图像。很明显你会替换。与真正的联系。:s是可选的(它们只是将单元格中的内容居中，在本例中这有点不必要)。此外，您可能想缩小图像，以便它们更好地并排显示。

类似于其他例子，但使用html大小，我使用:

<img src="image1.png" width="425"/> <img src="image2.png" width="425"/> 

这里有一个例子

<img src="https://openclipart.org/image/2400px/svg_to_png/28580/kablam-Number-Animals-1.png" width="200"/> <img src="https://openclipart.org/download/71101/two.svg" width="300"/>

我用Remarkable进行了测试。

这是添加应用图像/截图的最佳方法，可以保持存储库的整洁。

在存储库中创建一个截图文件夹，并添加想要显示的图像。

现在进入README。md，并添加此HTML代码以形成一个表。

#### Flutter App Screenshots

<table>
  <tr>
    <td>First Screen Page</td>
     <td>Holiday Mention</td>
     <td>Present day in purple and selected day in pink</td>
  </tr>
  <tr>
    <td><img src="screenshots/Screenshot_1582745092.png" width=270 height=480></td>
    <td><img src="screenshots/Screenshot_1582745125.png" width=270 height=480></td>
    <td><img src="screenshots/Screenshot_1582745139.png" width=270 height=480></td>
  </tr>
 </table>

在<td><img src="(COPY IMAGE PATH HERE)" width=270 height=480></td>

转到截图文件夹，打开图片，在最右边，你会发现复制路径按钮。

您将在存储库中得到这样一个表——>

以@Maruf Hassan的名义

# Title

<table>
  <tr>
    <td>First Screen Page</td>
     <td>Holiday Mention</td>
     <td>Present day in purple and selected day in pink</td>
  </tr>
  <tr>
    <td valign="top"><img src="screenshots/Screenshot_1582745092.png"></td>
    <td valign="top"><img src="screenshots/Screenshot_1582745125.png"></td>
    <td valign="top"><img src="screenshots/Screenshot_1582745139.png"></td>
  </tr>
 </table>

< td valign =“顶级”>…</td>由GitHub Markdown支持。不同高度的图像可能不会在单元格顶部附近垂直对齐。这个属性为您处理它。

这个解决方案还允许您在图像之间添加空间。它结合了所有现有解决方案的最佳部分，并且没有添加任何丑陋的表边框。

<p align="center">
  <img alt="Light" src="./light.png" width="45%">
&nbsp; &nbsp; &nbsp; &nbsp;
  <img alt="Dark" src="./dark.png" width="45%">
</p>

关键是添加&nbsp;不间断空格HTML实体，您可以添加和删除它们以自定义空格。

你可以在GitHub上的transituring -bullshit/nextjs- concept -starter-kit上看到这个例子。

您可以将每个图像并排放置，方法是将每个图像的标记写在同一行上。

![alt-text-1](image1.png "title-1") ![alt-text-2](image2.png "title-2")

只要图像不是太大，它们将内联显示，如下图所示，这是一个来自GitHub的README文件截图: