我一直在研究GitHub中使用的Markdown语法,但除了将图像大小调整为README的宽度。md页面,我不知道如何在它的中心图像。
这可能吗?如果有,我该怎么做?
我一直在研究GitHub中使用的Markdown语法,但除了将图像大小调整为README的宽度。md页面,我不知道如何在它的中心图像。
这可能吗?如果有,我该怎么做?
当前回答
如果修改图像对您来说不是问题,那么
如果您知道将显示减价的容器的大致宽度,以及
如果你的图像只在一个地方使用(例如只在GitHub中使用的README),
然后你可以在图像编辑器中编辑你的图像,并在两边均匀地填充它。
在填充:
填充后:
原图(宽度= 250px):
填充图像(宽度= 660px):
其他回答
“纯”Markdown方法可以处理这个问题,将图像添加到表格中,然后将单元格居中:
|  |
| :--: |
它应该生成类似这样的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>
这其实很简单。
-> This is centered Text <-
记住这一点,你可以把它应用到img语法中。
-><-
另外,如果您可以控制CSS内容,则可以巧妙地使用URL参数和CSS。
Markdown:

和CSS:
img[src$="centerme"] {
display:block;
margin: 0 auto;
}
您可以通过这种方式创建各种样式选项,同时保持Markdown内容不包含额外的代码。当然,如果其他人在其他地方使用Markdown,您无法控制会发生什么,但对于共享的所有Markdown文档来说,这是一个普遍的样式问题。
这是来自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>