HTML Table - Получение пробела между строками только на устройствах Android - PullRequest
Новая
       20

HTML Table - Получение пробела между строками только на устройствах Android

0 голосов
/ 05 ноября 2019

У меня есть эта 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, яблоко идеально, как обычно.

1 Ответ

0 голосов
/ 05 ноября 2019

попробуйте поставить 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>
...