Outlook HTML签名呈现方式不同
我正在制作一个新的html签名,用于Outlook 2010。在浏览器和大多数电子邮件客户端中,它看起来不错,但在Outlook 2010中,它呈现出一点错误。从Chrome的第一个屏幕截图中可以看到,文本与图像右侧对齐,但在Outlook的第二个屏幕中,文本呈现在图像下方。我该如何解决这个问题 铬: 展望: 另外,我不使用内置编辑器直接将代码粘贴到Outlook签名html文件中Outlook HTML签名呈现方式不同,outlook,html-email,signature,Outlook,Html Email,Signature,我正在制作一个新的html签名,用于Outlook 2010。在浏览器和大多数电子邮件客户端中,它看起来不错,但在Outlook 2010中,它呈现出一点错误。从Chrome的第一个屏幕截图中可以看到,文本与图像右侧对齐,但在Outlook的第二个屏幕中,文本呈现在图像下方。我该如何解决这个问题 铬: 展望: 另外,我不使用内置编辑器直接将代码粘贴到Outlook签名html文件中 <div id="sig" style="min-width: 960px; min-height: 8
<div id="sig" style="min-width: 960px; min-height: 82px; line-height: 18px; margin: 6px 0; padding: 8px; border-top: 1px #15345B dotted; border-bottom: 1px #15345B dotted; font-family: 'Trebuchet MS',helvetica,San-Serif; font-size: 11px; color: #15345B; " >
<a href="http://unihouse.no" title="test.no"><img src="http://unihouse.no/images/arrows3.jpg" alt="Test AS" style="float: left; padding: 6px 20px 0 0; border: none;"></a>
<div style="padding: 6px 0 0 0">
<span style="font-size:11px"><strong style="color: #15345B; letter-spacing: 1px">Test Name</strong>, Unihouse Norge AS</span><br>
<strong style="letter-spacing: 1px">Storkundeansvarlig Østlandet</strong><br>
e-post: <a href="mailto:test@test.no" title="e-post Chris" style="text-decoration:none; border-bottom:1px dotted #15345B;color:#15345B">test@test.no </a> | tlf: +47 123 45 567<br>
Besøksadresse: Tjuvholmen allé 3, 0252 Oslo<br>
Hovedkontor: Innherredsveien 103, 7043 Trondheim<br>
</div>
<div style="clear:both"></div>
</div>
测试名称,Unihouse Norge AS
storkundeansvarigØstlandet
电子邮箱:| tlf:+4712345567
贝瑟克萨德里斯:特朱夫霍勒门奥莱30252奥斯陆
霍维德康托尔:因赫雷德斯韦恩1037043特隆赫姆
您可以使用表而不是浮动div。尝试用一行和两个单元格制作一个表格。将图像放在第一个单元格中,将文本放在第二个单元格中
这将迫使它们在任何应用程序中彼此相邻
<table id="sig" style="min-width: 960px; min-height: 82px; line-height: 18px; margin: 6px 0; padding: 8px; border-top: 1px #15345B dotted; border-bottom: 1px #15345B dotted; font-family: 'Trebuchet MS',helvetica,San-Serif; font-size: 11px; color: #15345B; " >
<tr>
<td style="padding: 6px 0 0 0">
<a href="http://unihouse.no" title="test.no"><img src="http://unihouse.no/images/arrows3.jpg" alt="Test AS" style="float: left; padding: 6px 20px 0 0; border: none;"></a>
</td>
<td style="padding: 6px 0 0 0">
<span style="font-size:11px"><strong style="color: #15345B; letter-spacing: 1px">Test Name</strong>, Unihouse Norge AS</span><br>
<strong style="letter-spacing: 1px">Storkundeansvarlig Østlandet</strong><br>
e-post: <a href="mailto:test@test.no" title="e-post Chris" style="text-decoration:none; border-bottom:1px dotted #15345B;color:#15345B">test@test.no </a> | tlf: +47 123 45 567<br>
Besøksadresse: Tjuvholmen allé 3, 0252 Oslo<br>
Hovedkontor: Innherredsveien 103, 7043 Trondheim<br>
</td>
</tr>
测试名称,Unihouse Norge AS
storkundeansvarigØstlandet
电子邮箱:| tlf:+4712345567
贝瑟克萨德里斯:特朱夫霍勒门奥莱30252奥斯陆
霍维德康托尔:因赫雷德斯韦恩1037043特隆赫姆
对于HTML电子邮件,您可以使用
来确保一致性。然后将相邻
中的文本和图像放在同一
中。
很抱歉回复太慢,但这确实奏效了。谢谢!哦,顺便问一下,当阅读器窗口的宽度变窄时(我希望文本始终保持在同一行),有没有办法避免单元格调整大小?