我正在尝试确保我的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>