android - HTML 表格 - 仅在 Android 设备上获取行之间的空白

Question

我有这样的 HTML 表格:

<table class="table-outline" border="0" cellpadding="0" cellspacing="0" style="width: 750px; border-collapse: collapse; margin-left: auto; margin-right: auto;">
        <tbody>
        <tr>
        <td></td>
        </tr>
        <tr>
        <td><img src="#" width="750" height="509"></td>
        </tr>
        <tr>
        <td><img src="#" alt="" width="750" height="64"></td>
        </tr>
        <tr>
        <td><img src="#" alt="" width="750" height="83"></td>
        </tr>
        <tr>
        <td><img src="#" alt="" width="750" height="79"></td>
        </tr>
        </tbody>
    </table>

这个 HTML 表格将是一封电子邮件，但是当我在 Android 设备上检查它时，我在行与行之间有空白......这只发生在 Android 设备上，Apple 像往常一样完美。

Answer 1

尝试将 style="display: block;" 放入所有 img

<table class="table-outline" border="0" cellpadding="0" cellspacing="0" style="width: 750px; border-collapse: collapse; margin-left: auto; margin-right: auto;">
        <tbody>
        <tr>
        <td></td>
        </tr>
        <tr>
        <td><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z6BZDwAE1wGp7FAL+wAAAABJRU5ErkJggg==" width="750" height="509" style="display: block;"></td>
        </tr>
        <tr>
        <td><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z/CyHgAGVwJpiy6ZlgAAAABJRU5ErkJggg==" alt="" width="750" height="64" style="display: block;"></td>
        </tr>
        <tr>
        <td><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk8PxfDwADYgHJvQ16TAAAAABJRU5ErkJggg==" alt="" width="750" height="83" style="display: block;"></td>
        </tr>
        <tr>
        <td><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==" alt="" width="750" height="79" style="display: block;"></td>
        </tr>
        </tbody>
    </table>