“纯”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>

对于左对齐

 <img align="left" width="600" height="200" src="https://www.python.org/python-.png">

为了正确对齐

<img align="right" width="600" height="200" src="https://www.python.org/python-.png">

对于中心对齐

<p align="center">
  <img width="600" height="200" src="https://www.python.org/python-.png">
</p>

如果您觉得这有用，请在这里分叉以供将来参考。

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

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

这其实很简单。

-> This is centered Text <-

记住这一点，你可以把它应用到img语法中。

->![alt text](/link/to/img)<-

我们可以用下面的。请从Git文件夹中更改图像的src位置，如果图像未加载，请添加备用文本:

 <p align="center">
    <img src="your image URL here" alt="alternate text">
 </p>

另外，如果您可以控制CSS内容，则可以巧妙地使用URL参数和CSS。

Markdown:

![A cute kitten](http://placekitten.com/200/300?style=centerme)

和CSS:

img[src$="centerme"] {
  display:block;
  margin: 0 auto;
}

您可以通过这种方式创建各种样式选项，同时保持Markdown内容不包含额外的代码。当然，如果其他人在其他地方使用Markdown，您无法控制会发生什么，但对于共享的所有Markdown文档来说，这是一个普遍的样式问题。