只要去Readme。Md文件并使用此代码。

<div align="center">
<img src=https://newfastuff.com/wp-content/uploads/2019/05/bW7QXVB.png" >
<p>Perfectly balanced</p>
</div>

<div align= " center " >[你的内容在这里]</div>适合页面中的所有内容，并根据页面的尺寸将其居中对齐。

我不知道为什么没有人提到<center>标签。更多阅读请参考医生。

<center>
    <h1>Hola App</h1> 
    <img src="root/static/assets/img/beer.svg">
</center>

它在GitHub上为我工作

<p align="center">
    <img src="...">
</p>

我一直在看在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语法的一部分，并提供了额外的“特性”。但是，没有支持的扩展允许您将图像居中。

我解决图像定位问题的方法是使用HTML属性:

![Image](Image.svg){ width="800" height="600" style="display: block; margin: 0 auto" }

图像被正确地调整了大小和居中，至少在我本地的Visual Studio Community Markdown渲染器中是这样。

然后，我已经将更改推到存储库，不幸的是，我意识到它不适用于GitHub README。md文件。尽管如此，我还是留下这个答案，因为它可能会帮助其他人。

所以最后，我已经结束使用好的旧HTML标签代替:

<img src="Image.svg" alt="Image" width="800" height="600" style="display: block; margin: 0 auto" />

但你猜怎么着?一些JavaScript方法取代了我的样式属性!我甚至尝试了类属性和相同的结果!

然后我发现了以下要点页面，其中使用了更多的老式HTML:

<p align="center">
    <img src="Image.svg" alt="Image" width="800" height="600" />
</p>

然而，这一个工作得很好，我想在没有进一步评论的情况下离开它…

“纯”Markdown方法可以处理这个问题，将图像添加到表格中，然后将单元格居中:

| ![Image](img.png) |
| :--: |

它应该生成类似这样的HTML:

<table>
    <thead>
        <tr>
            <th style="text-align:center;"><img src="img.png" alt="Image"></th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>