只要去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>适合页面中的所有内容，并根据页面的尺寸将其居中对齐。

只要去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>适合页面中的所有内容，并根据页面的尺寸将其居中对齐。

对于左对齐

 <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>

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

您还可以将图像调整为所需的宽度和高度。例如:

<p align="center">
  <img src="https://anyserver.com/image.png" width="750px" height="300px"/></p>

为图像添加居中标题，只需多一行:

<p align="center">This is a centered caption for the image<p align="center">

幸运的是，这对README都有效。md和GitHub Wiki页面。

为了扩展答案以支持本地图像，只需将FILE_PATH_PLACEHOLDER替换为图像路径并检查它。

<p align="center">
  <img src="FILE_PATH_PLACEHOLDER">
</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>