时间戳

首页 > 解决方案 > 在 img 标签 HTML5 中出现蓝色下划线

html - 在 img 标签 HTML5 中出现蓝色下划线

问题描述

我正在专门为电子邮件编写 HTML5。因此，我必须内联完成所有 CSS 样式。我有一张包含三张图片的表格（全部托管在谷歌驱动器上）但是这个奇怪的蓝色下划线出现了？

图为： https ://imgur.com/a/F4Metod

相关HTML：

    <table align="center"  style="max-width: 400px">
        <tr align="center">
            <td>
                <a href='https://www.twitter.com'>
                    <img src="http://drive.google.com/uc?export=view&id=1txAOBZTXT_J8RcM7fDaKXT-oO8hWV1fb" width="40" height="40"/>
                </a>


                <a href='https://www.facebook.com'>
                    <img  style="margin:0px 10px" src="http://drive.google.com/uc?export=view&id=1nFoCmmlS1Kl3nKXkJk9eDaRqglpTeVP1" width="40" height="40"/>
                </a>


                <a href='https://www.instagram.com'>
                    <img src="http://drive.google.com/uc?export=view&id=1LcrU78sAidvlnnzL28TgdaIYBY9xcN7q" width="40" height="40"/>
                </a>
            </td>

        </tr>
    </table>

标签： htmlcssimage

解决方案

下划线很可能是链接中的空格字符。尝试删除链接标签中标签之间的所有空格。并删除链接中源文档中的所有换行符。

推荐阅读