在 github-flavored-markdown 中对齐图像

Question

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

我怎样才能让它们左对齐（上面的2个），右对齐下面的呢？

它们的格式为![description](url)

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

这使：