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

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


当前回答

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

其他回答

对于左对齐

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

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

另外,如果您可以控制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文档来说,这是一个普遍的样式问题。

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

这其实很简单。

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