我一直在研究GitHub中使用的Markdown语法,但除了将图像大小调整为README的宽度。md页面,我不知道如何在它的中心图像。
这可能吗?如果有,我该怎么做?
我一直在研究GitHub中使用的Markdown语法,但除了将图像大小调整为README的宽度。md页面,我不知道如何在它的中心图像。
这可能吗?如果有,我该怎么做?
当前回答
我们可以用下面的。请从Git文件夹中更改图像的src位置,如果图像未加载,请添加备用文本:
<p align="center">
<img src="your image URL here" alt="alternate text">
</p>
其他回答
它在GitHub上为我工作
<p align="center">
<img src="...">
</p>
对于左对齐
<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>
如果您觉得这有用,请在这里分叉以供将来参考。
如果修改图像对您来说不是问题,那么
如果您知道将显示减价的容器的大致宽度,以及
如果你的图像只在一个地方使用(例如只在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>
我不知道为什么没有人提到<center>标签。更多阅读请参考医生。
<center>
<h1>Hola App</h1>
<img src="root/static/assets/img/beer.svg">
</center>