如何在GitHub Markdown中垂直对齐元素?

20

如何在下面的图片中将图像和文本垂直对齐?

image followed by misaligned text

以下是我在Markdown中的写法:

<a name="version"></a>[ ![Download](https://api.bintray.com/packages/edsilfer/maven/search-interface/images/download.svg) ](https://bintray.com/edsilfer/maven/search-interface/_latestVersion) - **MIN API VERSION: 16**

这个问题可以通过CSS来解决。但是GitHub不允许在他们的网站上定义CSS,所以你可能无法实现你想要的效果。 - Waylan
2个回答

8
我可以想到两种解决这个问题的方法:
  1. 创建一个包含所有文本的图像(下载 1.0.0 - 最低 API 16)
  2. 在此块中使用 HTML(例如 <table><tr><td valign="center"><img ...> 文本 </td></tr></table>
这可能不是最好的方法,但它是一种改进 :)

1
如果图像的高度为20px,则无法工作。但是,它可以处理更大的图像。 - Matin Lotfaliee

1
Ofer Skulsky
示例,使用的答案建议:
<table style="width: 100%; border: none;" cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td>1</td>
    <td rowspan="3">2</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
  </tr>
</table>
  • 我没有看到cellspacing、cellpadding或border对GitHub Markdown产生影响。

以下是在GitHub README.md上的效果:

enter image description here


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接