我一直在研究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>

表的方法

另一种方法是使用表。

<表> < tr > < td valign = "中心" > <span style="margin-bottom: 10px;">一些文本</span> . txt < / td > < td valign = "中心" > < img src = " https://github-readme-stats.vercel.app/api?用户名= hossein13m&show_icons = true&title_color = ffffff&icon_color = 34 abeb&text_color = daf7dc&bg_color = 151515 " / > < / td > < / tr > 表> < /

请记住,这将在GitHub自述文件上工作,但不适用于StackOverflow上的代码片段。

另外,如果您可以控制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>适合页面中的所有内容,并根据页面的尺寸将其居中对齐。

如果修改图像对您来说不是问题,那么

如果您知道将显示减价的容器的大致宽度,以及

如果你的图像只在一个地方使用(例如只在GitHub中使用的README),

然后你可以在图像编辑器中编辑你的图像,并在两边均匀地填充它。

在填充:

填充后:

原图(宽度= 250px):

填充图像(宽度= 660px):