我试图在我的README中显示两张照片之间的比较。这就是为什么我想把它们放在一起展示。下面是这两张图片目前的放置方式。我想并排显示两种太阳能配色方案,而不是顶部和底部。非常感谢您的帮助,谢谢!
当前回答
我能想到的解决这个问题的最简单的方法是使用GitHub的调味markdown中包含的表格。
在你的具体例子中,它看起来是这样的:
Solarized dark | Solarized Ocean
:-------------------------:|:-------------------------:
 | 
这将创建一个以Solarized Dark和Ocean为标题的表,然后在第一行中包含图像。很明显你会替换。与真正的联系。:s是可选的(它们只是将单元格中的内容居中,在本例中这有点不必要)。此外,您可能想缩小图像,以便它们更好地并排显示。
其他回答
我找到了一种方法,让3张图片在同一条线上左/中/右对齐,所以它会自动在它们之间添加合适的空间:
<p align="center">
<img src="..." align="left">
<img src="...">
<img src="..." align="right">
</p>
这是我的实际用例的样子:
您可以将每个图像并排放置,方法是将每个图像的标记写在同一行上。
 
只要图像不是太大,它们将内联显示,如下图所示,这是一个来自GitHub的README文件截图:
我能想到的解决这个问题的最简单的方法是使用GitHub的调味markdown中包含的表格。
在你的具体例子中,它看起来是这样的:
Solarized dark | Solarized Ocean
:-------------------------:|:-------------------------:
 | 
这将创建一个以Solarized Dark和Ocean为标题的表,然后在第一行中包含图像。很明显你会替换。与真正的联系。:s是可选的(它们只是将单元格中的内容居中,在本例中这有点不必要)。此外,您可能想缩小图像,以便它们更好地并排显示。
这是添加应用图像/截图的最佳方法,可以保持存储库的整洁。
在存储库中创建一个截图文件夹,并添加想要显示的图像。
现在进入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>
转到截图文件夹,打开图片,在最右边,你会发现复制路径按钮。
您将在存储库中得到这样一个表——>
如果,像我一样,你发现@wiggin答案不工作,图像仍然没有出现在行内,你可以使用html图像标签的'align'属性和一些中断来实现所需的效果,例如:
# Title
<img align="left" src="./documentation/images/A.jpg" alt="Made with Angular" title="Angular" hspace="20"/>
<img align="left" src="./documentation/images/B.png" alt="Made with Bootstrap" title="Bootstrap" hspace="20"/>
<img align="left" src="./documentation/images/C.png" alt="Developed using Browsersync" title="Browsersync" hspace="20"/>
<br/><br/><br/><br/><br/>
## Table of Contents...
显然,你必须根据图像的大小使用更多的休息时间:是的,这很糟糕,但对我来说很管用,所以我想我应该分享一下。
推荐文章
- 当我试图推到原点时,为什么Git告诉我“没有这样的远程‘原点’”?
- 在GitHub repo上显示Jenkins构建的当前状态
- 如何取消在github上的拉请求?
- HEAD和master的区别
- 在另一个目录中运行操作
- GitHub克隆与OAuth访问令牌
- 我可以在GitHub上对要点进行拉请求吗?
- Git:在推送后删除提交的文件
- 在GitHub中编辑git提交消息
- Github:导入上游分支到fork
- GitHub上的分叉和克隆有什么区别?
- 如何将现有的解决方案从Visual Studio 2013添加到GitHub
- 是否可以在GitHub上搜索特定的文件名?
- GitHub -未能连接到GitHub 443 windows/连接到GitHub失败-无错误
- 我怎么能让詹金斯CI与Git触发器推到主人?