如何在README中居中显示图像。md文件在GitHub?

我一直在研究GitHub中使用的Markdown语法，但除了将图像大小调整为README的宽度。md页面，我不知道如何在它的中心图像。

这可能吗?如果有，我该怎么做?

当前回答

这是来自GitHub的支持:

Markdown不允许你直接调整对齐(见文档这里:http://daringfireball.net/projects/markdown/syntax#img)，但你可以只使用原始HTML 'img'标签，并与内联css对齐。

因此，对齐图像是可能的!你只需要使用内联CSS来解决这个问题。你可以从我的GitHub存储库中拿一个例子。在README的底部。这是一个居中对齐的图像。为了简单起见，你可以这样做:

<p align="center">
  <img src="http://some_place.com/image.png" />
</p>

尽管，正如nulltoken所说，这将是与Markdown哲学的边缘!

这段代码来自我的README文件:

<p align="center">
  <img src="https://github.com/waldyr/Sublime-Installer/blob/master/sublime_text.png?raw=true" alt="Sublime's custom image"/>
</p>

它产生以下图像输出，除了在GitHub上查看时居中:

<p align="center">
  <img src="https://github.com/waldyr/Sublime-Installer/blob/master/sublime_text.png?raw=true" alt="Sublime's custom image"/>
</p>

其他回答

如果修改图像对您来说不是问题，那么

如果您知道将显示减价的容器的大致宽度，以及

如果你的图像只在一个地方使用(例如只在GitHub中使用的README)，

然后你可以在图像编辑器中编辑你的图像，并在两边均匀地填充它。

在填充:

填充后:

原图(宽度= 250px):

填充图像(宽度= 660px):

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

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

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

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

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

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

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

推荐文章