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