如何将alt标签XHTML 1.0严格包装起来

时间:2014-10-16 13:32:59

标签: css image xhtml

我正在尝试确保我的alt描述显示在图像的范围内 - 这将在电子邮件客户端阻止图像时出现。我的问题是我的图像是75x75px,因此不是很大。

如果我只写了几个单词,这显示没有问题,但是我想写9个单词,这显然太长了,并且所有文本都会完全消失。

似乎需要某种包装或不间断命令但是我已经尝试了很多变化,并且已经把我的头发拉过来比我应该承认更多的时间,所以任何帮助都非常感激。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <title>My signature</title>
        <style type="text/css">

            /*////// RESET STYLES //////*/
            table{border-collapse:collapse;}
            img, a img{border:0; outline:none; text-decoration:none;}
            img{white-space:pre}
            .applelinks a {color:#999; text-decoration: none;}
        </style>
    </head>


    <body>
        <table>
            <tr>
                <td>
                    <p style="font-family: Helvetica, Arial, sans-serif; font-size: 13px;">
                        <a href="http://www.website.com" class="clink">
                        <img style="border: 0px none; font-family: Helvetica, Arial, sans-serif; font-size: 15px; color: #00d1b6; font-style: italic; font-weight: bold; height: 75px; width: 75px;" alt="The text I put here is so long it disappears altogether" src="image-75x75.gif" width="75" height="75"/>
                        </a>
                    </p>
                </td>
            </tr>
        </table>
    </body>
</html>

0 个答案:

没有答案