我一直在研究GitHub中使用的Markdown语法,但除了将图像大小调整为README的宽度。md页面,我不知道如何在它的中心图像。
这可能吗?如果有,我该怎么做?
我一直在研究GitHub中使用的Markdown语法,但除了将图像大小调整为README的宽度。md页面,我不知道如何在它的中心图像。
这可能吗?如果有,我该怎么做?
当前回答
为了扩展答案以支持本地图像,只需将FILE_PATH_PLACEHOLDER替换为图像路径并检查它。
<p align="center">
<img src="FILE_PATH_PLACEHOLDER">
</p>
其他回答
“纯”Markdown方法可以处理这个问题,将图像添加到表格中,然后将单元格居中:
|  |
| :--: |
它应该生成类似这样的HTML:
<table>
<thead>
<tr>
<th style="text-align:center;"><img src="img.png" alt="Image"></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
我一直在看在GitHub使用Markdown语法[…]),我不知道怎样把图像居中
博士TL;
不,你不能只依赖Markdown语法。Markdown不关心定位。
注意:一些Markdown处理器支持包含HTML(正如@waldyr.ar正确指出的那样),在GitHub的情况下,您可以退回到类似于<div style="text-align:center"><img src="…"/ > < / div >。
注意,如果你的存储库在不同的托管环境中(CodePlex, Bitbucket等),或者如果文档不是通过浏览器读取(Sublime Text Markdown预览,MarkdownPad, Visual Studio Web Essentials Markdown预览,…),就不能保证图像将位于中心。
注2:请记住,即使在GitHub网站中,Markdown的呈现方式也不是统一的。例如,wiki不允许这样的CSS位置诡计。
完整的版本
Markdown语法没有提供控制图像位置的功能。
事实上,允许这样的格式是与Markdown哲学相冲突的,正如“哲学”部分所述。
“标记格式的文档应该是可以按原样发布的,就像纯文本一样,而不是看起来像被标记了标签或格式说明。”
Markdown文件是由github.com网站通过使用Ruby Redcarpet库渲染的。
Redcarpet公开了一些扩展(例如strikethrough),这些扩展不是标准Markdown语法的一部分,并提供了额外的“特性”。但是,没有支持的扩展允许您将图像居中。
为了扩展答案以支持本地图像,只需将FILE_PATH_PLACEHOLDER替换为图像路径并检查它。
<p align="center">
<img src="FILE_PATH_PLACEHOLDER">
</p>
表的方法
另一种方法是使用表。
<表> < tr > < td valign = "中心" > <span style="margin-bottom: 10px;">一些文本</span> . txt < / td > < td valign = "中心" > < img src = " https://github-readme-stats.vercel.app/api?用户名= hossein13m&show_icons = true&title_color = ffffff&icon_color = 34 abeb&text_color = daf7dc&bg_color = 151515 " / > < / td > < / tr > 表> < /
请记住,这将在GitHub自述文件上工作,但不适用于StackOverflow上的代码片段。
它在GitHub上为我工作
<p align="center">
<img src="...">
</p>