github README.md中心图像

我一直在看GitHub中使用的markdown语法一段时间,但除了调整readme.md页面范围的图像大小,我无法弄清楚如何居中一个图像。

可能吗? 如果是,怎么样?

我一直在寻找在github中使用的markdown语法,我不知道如何居中一个图像

TL; DR

不,你只能依靠Markdown语法。 减价不关心定位。

注意:一些降价处理器支持包含HTML(正如@ waldyr.ar所指出的那样),而在GitHub的情况下,您可能会回退到像<div style="text-align:center"><img src ="..." /></div> 。 请注意,如果您的存储库在不同的托pipe环境(Codeplex,BitBucket,…)中分支,或者文档未通过浏览器读取(Sublime Text Markdown预览,MarkdownPad,VisualStudio Web要点Markdown预览,…)。

注2:请记住,即使在GitHub网站内,降价的方式也不统一。 例如,维基不会允许这样的CSS位置欺骗。

删节版本

Markdown语法没有提供控制图像位置的function。

事实上,如“哲学”部分所述,与Markdown哲学相对的是允许这样的格式化

“Markdown格式的文档应该可以按原样发布,不会看起来像标签或格式化指令。”

Markdown文件由github.com网站通过使用Ruby Redcarpet库来呈现。

Redcarpet公开了一些扩展 (例如删除线),它们不是标准Markdown语法的一部分,并提供了额外的“function”。 但是,没有受支持的扩展程序可让您将图片居中。

这是来自Github的支持:

嘿Waldyr,

Markdown不允许你直接调整alignment方式(请参阅这里的文档: http : //daringfireball.net/projects/markdown/syntax#img ),但是你可以使用一个原始的HTML'img'标签,并使用内联CSS。

干杯,

所以有可能调整图像! 你只需要使用内联的CSS来解决这个问题。 你可以从我的github回购中得到一个例子。 在README.md的底部有一个居中alignment的图像。 为了简单起见,你可以这样做:

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

尽pipe正如nulltoken所言,这与Markdown理念是分不开的!

另外,如果你有控制的CSS,你可以得到巧妙的URL参数和CSS 。

降价:

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

和CSS:

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

您可以通过这种方式创build各种样式选项,并且仍然保留markdown的额外代码。 当然,如果其他人在别的地方使用降价,那么您将无法控制会发生什么情况,但这是所有降价单据共享的一般样式问题。

它在github上适用于我

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

这真的很简单。

 -> This is centered Text <- 

所以考虑到这一点,你可以将其应用于img语法。

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