GitHub README.md 中如何展示 4 个一排的截图

在 GitHub README.md 中展示 4 个一排的截图

你可以使用 HTML 中的表格标签来实现四个一排的截图效果。具体操作步骤如下：

在 README.md 文件中添加一个表格标签，如下所示：

<table>
  <tr>
    <td><img src='screenshot1.png'></td>
    <td><img src='screenshot2.png'></td>
    <td><img src='screenshot3.png'></td>
    <td><img src='screenshot4.png'></td>
  </tr>
</table>

将每个截图放在表格中的一个单元格中，使用 img 标签来显示每个截图。
将表格的边框和间距设置为 0，以去除默认的表格样式：

<style>
  table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
  }
  td {
    padding: 0;
  }
</style>

根据需要，可以在每个截图下方添加文字说明，以进一步描述截图的内容和作用。

完整的代码示例如下：

## Screenshots

<table>
  <tr>
    <td><img src='screenshot1.png'><br>说明文字1</td>
    <td><img src='screenshot2.png'><br>说明文字2</td>
    <td><img src='screenshot3.png'><br>说明文字3</td>
    <td><img src='screenshot4.png'><br>说明文字4</td>
  </tr>
</table>

<style>
  table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
  }
  td {
    padding: 0;
  }
</style>

通过以上步骤，就可以在 README.md 中实现四个一排的截图效果。