嘿，我懂你在README.md里想让图片和Markdown表格并排的苦恼——确实GitHub对HTML样式的支持有不少限制，普通的float或者align属性经常不生效。给你两个亲测有效的方案：

方案1：用Flex布局（推荐） #

GitHub现在支持inline CSS的Flexbox，用这个可以轻松实现横向排列：

<div style="display: flex; align-items: center; gap: 20px;">
  <!-- 替换成你的图片地址和描述 -->
  <img src="./path/to/your-image.png" alt="示例图片" width="200">
  <!-- 你的表格，支持直接写Markdown格式 -->
  <table>
    <thead>
      <tr>
        <th>功能</th>
        <th>状态</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>登录</td>
        <td>已完成</td>
      </tr>
      <tr>
        <td>支付</td>
        <td>开发中</td>
      </tr>
    </tbody>
  </table>
</div>

小细节调整： #

• align-items: center能让图片和表格垂直居中对齐，视觉更协调
• gap: 20px控制图片和表格的间距，可根据需求改数值
• 给图片设置width避免图片过宽挤得表格换行

方案2：用嵌套表格（兼容老渲染环境） #

如果Flex布局在某些场景不生效，试试这个传统但靠谱的嵌套表格方法：

<table>
  <tr>
    <td style="vertical-align: middle; padding-right: 20px;">
      <img src="./path/to/your-image.png" alt="示例图片" width="200">
    </td>
    <td style="vertical-align: middle;">
      <!-- 直接写Markdown表格也完全没问题 -->
      | 功能 | 状态 |
      |------|------|
      | 登录 | 已完成 |
      | 支付 | 开发中 |
    </td>
  </tr>
</table>

核心思路是用外层表格的两个单元格分别承载图片和表格内容，vertical-align: middle保证垂直居中，兼容性拉满。

额外提醒： #

• 本地图片要写对相对路径，比如./images/logo.png
• GitHub的Markdown渲染器会过滤复杂样式，尽量用简单的inline CSS实现需求

内容的提问来源于stack exchange，提问作者landau