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

我正在制作一个新的html签名,用于Outlook 2010。在浏览器和大多数电子邮件客户端中,它看起来不错,但在Outlook 2010中,它呈现出一点错误。从Chrome的第一个屏幕截图中可以看到,文本与图像右侧对齐,但在Outlook的第二个屏幕中,文本呈现在图像下方。我该如何解决这个问题

铬:

展望:

另外,我不使用内置编辑器直接将代码粘贴到Outlook签名html文件中

<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电子邮件,您可以使用
来确保一致性。然后将相邻
中的文本和图像放在同一
中。

很抱歉回复太慢,但这确实奏效了。谢谢!哦,顺便问一下,当阅读器窗口的宽度变窄时(我希望文本始终保持在同一行),有没有办法避免单元格调整大小?