我试图在我的README中显示两张照片之间的比较。这就是为什么我想把它们放在一起展示。下面是这两张图片目前的放置方式。我想并排显示两种太阳能配色方案,而不是顶部和底部。非常感谢您的帮助,谢谢!
当前回答
您可以将每个图像并排放置,方法是将每个图像的标记写在同一行上。
![alt-text-1](image1.png "title-1") ![alt-text-2](image2.png "title-2")
只要图像不是太大,它们将内联显示,如下图所示,这是一个来自GitHub的README文件截图:
其他回答
您可以将每个图像并排放置,方法是将每个图像的标记写在同一行上。
![alt-text-1](image1.png "title-1") ![alt-text-2](image2.png "title-2")
只要图像不是太大,它们将内联显示,如下图所示,这是一个来自GitHub的README文件截图:
类似于其他例子,但使用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>
转到截图文件夹,打开图片,在最右边,你会发现复制路径按钮。
您将在存储库中得到这样一个表——>
这个解决方案还允许您在图像之间添加空间。它结合了所有现有解决方案的最佳部分,并且没有添加任何丑陋的表边框。
<p align="center">
<img alt="Light" src="./light.png" width="45%">
<img alt="Dark" src="./dark.png" width="45%">
</p>
关键是添加 不间断空格HTML实体,您可以添加和删除它们以自定义空格。
你可以在GitHub上的transituring -bullshit/nextjs- concept -starter-kit上看到这个例子。
以@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支持。不同高度的图像可能不会在单元格顶部附近垂直对齐。这个属性为您处理它。
推荐文章
- 强制LF eol在git的回购和工作副本
- 防止在GitHub上推送到master ?
- 我如何在github上引用特定问题的评论?
- 我如何才能看到我在Github上看到的所有问题?
- 在GitHub上链接到其他Wiki页面?
- 你如何跟踪你对GitHub问题的评论?
- 我如何在GitHub中为其他人的代码做出贡献?
- GitHub项目和里程碑之间的区别/关系是什么?
- gitignore是什么?
- 在MarkDown中包含SVG(托管在GitHub上)
- 新Github项目发布通知?
- 如何在本地删除分支?
- GitHub.com的存储库大小限制
- 使用Git管理变更日志的一些好方法是什么?
- Github权限被拒绝:ssh添加代理没有身份