如何删除损坏的图像框? [英] How do i remove broken image box?

问题描述

我正在尝试构建一个电子邮件模板，其中我必须向其他邮件客户端显示一些图像(例如，Outlook，Thunderbird ...).现在的问题是，当这些客户端当时不允许显示图像时，我不想显示的图像框已损坏.

I am trying to build an email template in which i have to show some images to different mail client (eg.. outlook, thunderbird...). Now problem is when these clients does not allow to show image at that time broken image box is displaying which i don't want to display.

我也曾推荐

引用链接 1 :引荐链接[2]:

引用链接[3]:如何停止显示损坏的图像

，但找不到任何适当的输出. 注意:我不能使用div标签.我必须使用表格标签.

but not able to find any proper output. Note : I can not use div tag. I must have to use table tags.

CODE我正在使用什么:

CODE What I am using :

<table style="background:#fff; width:600px; margin:auto auto;">
<tr>
    <td>
    <a href="http://www.sampleurl.com">
    <img src="http://sampleimageurl.com/sampleimage.png" height="55" width="198" />
    </a>
    </td>
    <td style="text-align:right;"><a href="http://www.sampleurl.com" target="_blank">
        <span style="font-family:Myriad Pro; color:#0d5497; font-size:20px;">www.sampleurl.com</span>
    </td>
</tr>

<!--<tr>
    <td colspan="2" style="height:1px; background: #0d5497;"></td>

</tr>-->

输出我得到的.

推荐答案

在此处使用alt进行后备操作

use alt here for fallback

演示

html

<img src="abc" alt="image" />

css

img {
    width:200px;
    height:200px;
}

或者，如果您不想显示任何alt text，只需提供一个空格.

Alternatively, if you dont want to show any alt text, just give a blank space.

在此处演示

HTML

<img src="abc" alt=" " />

这篇关于如何删除损坏的图像框?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！