在 github-flavored-markdown 中对齐图像答案

【问题标题】：Align images in github-flavored-markdown在 github-flavored-markdown 中对齐图像
【发布时间】：2014-03-31 19:56:34
【问题描述】：

我的 Github 存储库中有这些徽章：

如何让它们左对齐（上面的 2 个）和右下的对齐？

格式为![description](url)

【问题讨论】：

您能更清楚地了解您要做什么吗？ “左对齐（上面的 2）和右下的对齐”很难理解。
@Chris，上图中有 3 个徽章。顶部有 2 个，每个大小相同，大的有许多浏览器。我想要一个在（有 5 个浏览器）下对齐/浮动到其他两个的右侧。

标签： github github-flavored-markdown

【解决方案1】：

一种方法是使用 html 表格（因为 GFM 中的 markdown 表格不支持合并单元格）

例如，这似乎可以在 README.md 文件中正确对齐图片。

<table >
  <tr>
    <td align="left"><img src="http://icons.iconarchive.com/icons/iconka/cat-commerce/48/add-icon.png"/></td>
    <td align="right"><img src="http://icons.iconarchive.com/icons/iconka/cat-commerce/48/info-icon.png"/></td>
  </tr>
  <tr>
    <td colspan="2"><img src="http://icons.iconarchive.com/icons/shwz/disney/512/pumbaa-icon.png"/></td>
  </tr>
</table>

结果：

在你的情况下：

<table>
  <tr >
    <td><img src="https://api.travis-ci.org/axemclion/grunt-saucelabs.png?branch=master"/></td>
    <td align="right"><img src="https://saucelabs.com/buildstatus/grunt-sauce"/></td>
  </tr>
  <tr>
    <td colspan="2"><img src="https://saucelabs.com/browser-matrix/grunt-sauce.svg"/></td>
  </tr>
</table>

这给出了：

【讨论】：

+1 以获得漂亮的图像和适用于<img> 标签的解决方案。我仍然无法让它与这些徽章一起使用。 Here is a markdown example similar to mine
@Rikard Strange：这在我的README.md 中似乎工作得很好：在我的扩展和修订答案中查看我用来显示您的构建状态图片的标记。
好的，知道了！显然它不适用于降价格式：![description](url)，但 SauceLabs 和 Travis 也可以选择“旧的”HTML。所以，谢谢你的回答！
@Rikard 我同意。我首先尝试使用降价，但无法使其正常工作。我回到了 HTML。