这其实很简单。

-> This is centered Text <-

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

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

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

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

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

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

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

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

我为Github找到了一个解决方案，避免使用已弃用的对齐属性。它还避免了需要填充&nbsp。我制作了一个透明的1920x5 line.png，宽度="100%"，并将其作为每一列的最后一行。每一列之间的空间相等。

||
|:--:|
| <img width=200px src="image.png" alt="image alt text"> |
| <img width="100%" src="line.png"> |