table 中的图像带有 GitHub 降价

Question

我在 github 上格式化自述文件时遇到一些问题。

这是原始自述文件：

| Italic             |  Block letters |
:-------------------------:|:-------------------------:
![](outputs/output_Biotouch/18-15_02-02-2018/Identification/ITALIC/ITALIC_movementPoints_cmc.png)  |  ![](outputs/output_Biotouch/18-15_02-02-2018/Identification/BLOCK_LETTERS/BLOCK_LETTERS_movementPoints_cmc.png)
![](outputs/output_Biotouch/18-15_02-02-2018/Verification/ITALIC/ITALIC_movementPoints_notbalanced_roc.png)  |  ![](outputs/output_Biotouch/18-15_02-02-2018/Verification/BLOCK_LETTERS/BLOCK_LETTERS_movementPoints_notbalanced_roc.png)
![](outputs/output_Biotouch/18-15_02-02-2018/Verification/ITALIC/ITALIC_movementPoints_notbalanced_frrVSfpr.png)  |  ![](outputs/output_Biotouch/18-15_02-02-2018/Verification/BLOCK_LETTERS/BLOCK_LETTERS_movementPoints_notbalanced_frrVSfpr.png)

它只是一个 table 与一些图像的相对引用。

引用的图像具有所有 same dimensions。

这是结果：

为什么中间一行包含的图像较小？

Answer 1

table中的图像具有相同的尺寸。

"problem"是每张图片都加了边框。偶数行边框为白色，奇数行边框为浅灰色。

偶数行的图片好像没有边框，因为背景和边框都是白色的

（感谢 github 支持团队的 Shawna）

Answer 2

您可以为此使用这些 html 标签，

<table>
  <tr>
    <td> <img src="img1.png"  alt="1" width = 360px height = 640px ></td>

    <td><img src="img2.png" alt="2" width = 360px height = 640px></td>
   </tr> 
   <tr>
      <td><img src="./Scshot/cab_arrived.png" alt="3" width = 360px height = 640px></td>

      <td><img src="./Scshot/trip_end.png" align="right" alt="4" width = 360px height = 640px>
  </td>
  </tr>
</table>

有关更多信息，您可以在此处查看Link

table 中的图像带有 GitHub 降价

Images in a table with GitHub markdown

github

github-flavored-markdown

readme