表的方法

另一种方法是使用表。

<表> < 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上的代码片段。

对于左对齐

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

如果您觉得这有用，请在这里分叉以供将来参考。

我不知道为什么没有人提到<center>标签。更多阅读请参考医生。

<center>
    <h1>Hola App</h1> 
    <img src="root/static/assets/img/beer.svg">
</center>

表的方法

另一种方法是使用表。

<表> < 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上的代码片段。

这其实很简单。

-> This is centered Text <-

记住这一点，你可以把它应用到img语法中。

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

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

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

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

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

在填充:

填充后:

原图(宽度= 250px):

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