我创建了一个签名JSFiddle 问题是它在gMail和Hotmail上看起来略有不同（前景最差） 但我无法弄清楚出了什么问题。
<html>
<head/>
<body>
<div id="mainDiv">
<table id="tabMain2" style="max-height: 100px;width: 100%;background-color: #f7f7f7;border-spacing: 0;border-collapse: collapse;padding: 0"><tr><td colspan="2">
<table style="border-spacing: 0;border-collapse: collapse;padding: 0"><tr><td>
<label class="boldText upperText normalText nameHeadder" style="font-weight: bold;text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 14px;line-height: 12px">
full name
</label>
<label class="normalText" style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">
/
</label>
<label class="upperText normalText" style="text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">
DEsec
</label>
</td>
</tr><tr><td>
<label class="normalText" style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">
email@gulfautomation.com
</label>
<label class="normalText" style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">
/
</label>
<label class="normalText upperText" style="text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">
+code-mob No
</label>
</td>
</tr></table></td>
</tr><tr><td colspan="2">
<label class="normalText" style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">
</label>
</td>
</tr><tr><td class="logoTd2" style="max-width: 68px;width: 68px;max-height: 68px;height: 68px;text-align: center">
<img class="logoRender" src="http://seprojects.in/commonResource/images/ssa_logo_noStroke_96.png" alt="ssa" height="60" width="60" style="text-align: center;-ms-image-rendering: optimizeQuality;-o-image-rendering: optimizeQuality;image-rendering: optimizeQuality"/></td>
<td>
<p style="margin: 0">
<span class="boldText normalText companyHeadder" style="font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-size: 15px;line-height: 12px">Saisanket Automation Pvt Ltd.</span>
</p>
<p style="margin: 0">
<span class="upperText normalText boldText" style="font-weight: bold;text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">Office:</span>
<span class="normalText" style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">9029979729</span>
<span class="upperText normalText boldText" style="font-weight: bold;text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">Fax:</span>
<span class="normalText" style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">28709994</span>
</p>
<p style="margin: 0">
<span class="boldText normalText" style="font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">Address: </span>
<span class="normalText" style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">B 402, Western Edge II, Western Express Highway, Borivali(East), Mumbai, Maharashtra 400066, INDIA</span>
</p>
</td>
</tr></table><br/><p class="disclamerText" style="font-family: Verdana, Arial, sans-serif;font-size: 9px;margin: 0">
This e-mail message may contain confidential or legally privileged information and is intended only for the use of the intended recipient(s). Any unauthorized disclosure, dissemination, distribution, copying or the taking of any action in reliance on the information herein is prohibited. E-mails are not secure and cannot be guaranteed to be error free as they can be intercepted, amended, or contain viruses. Anyone who communicates with us by e-mail is deemed to have accepted these risks. Saisanket Automation Pvt Ltd is not responsible for errors or omissions in this message and denies any responsibility for any damage arising from the use of e-mail. Any opinion and other statement contained in this message and any attachment are solely those of the author and do not necessarily represent those of the company.
</p>
</div>
</body>
</html>
答案 0 :(得分：0)
table-layout:fixed和cellspacing="0" cellpadding="0"添加到您的表格的组合，以及更具体地说明span tr和td的高度应修复这些布局问题。我冒昧地添加了 s，我认为你不想让你的线条断线，并删除所有class和id属性
<div>
<table style="max-height: 120px;height:120px;width: 100%;background-color: #f7f7f7;border-spacing: 0;border-collapse: collapse;padding: 0" cellspacing="0" cellpadding="0">
<tr style="height:20px;border-spacing: 0;border-collapse: collapse;">
<td colspan="2" style="height:20px;border-spacing: 0;border-collapse: collapse;">
<table style="table-layout:fixed;border-spacing: 0;border-collapse: collapse;padding: 0;height:20px;margin:0;" cellspacing="0" cellpadding="0">
<tr style="height:20px;">
<td style="height:20px;">
<span style="font-weight: bold;text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 14px;line-height: 12px;display:inline-block;">
full name
</span> <span style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px;display:inline-block;">
/
</span> <span style="text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px;display:inline-block;">
DEsec
</span>
</td>
</tr>
<tr style="height:20px;">
<td style="height:20px;">
<span style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px;display:inline-block;">
email@gulfautomation.com
</span> <span style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px;display:inline-block;">
/
</span> <span style="text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px;display:inline-block;">
+code-mob No
</span>
</td>
</tr>
</table>
</td>
</tr>
<tr style="height:12px;">
<td colspan="2" style="height:12px;">
<span style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px;display:inline-block;"> </span>
</td>
</tr>
<tr style="max-height: 68px;height: 68px;">
<td style="max-width: 68px;width: 68px;text-align: center">
<img src="http://seprojects.in/commonResource/images/ssa_logo_noStroke_96.png" alt="ssa" height="60" width="60" style="text-align: center;-ms-image-rendering: optimizeQuality;-o-image-rendering: optimizeQuality;image-rendering: optimizeQuality" />
</td>
<td style="max-height: 68px;height: 68px;width:auto;">
<p style="margin: 0;height:12px;">
<span style="font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-size: 15px;line-height: 12px">Saisanket Automation Pvt Ltd.</span>
</p>
<p style="margin: 0;height:12px;">
<span style="font-weight: bold;text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">Office:</span> <span style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">9029979729</span> <span style="font-weight: bold;text-transform: uppercase;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">Fax:</span> <span style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">28709994</span>
</p>
<p style="margin: 0;height:12px;">
<span style="font-weight: bold;font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">Address: </span> <span style="font-family: Helvetica, Arial, sans-serif;font-size: 11px;line-height: 12px">B 402, Western Edge II, Western Express Highway, Borivali(East), Mumbai, Maharashtra 400066, INDIA</span>
</p>
</td>
</tr>
</table>
<br/>
<p style="font-family: Verdana, Arial, sans-serif;font-size: 9px;margin: 0">
This e-mail message may contain confidential or legally privileged information and is intended only for the use of the intended recipient(s). Any unauthorized disclosure, dissemination, distribution, copying or the taking of any action in reliance on the information herein is prohibited. E-mails are not secure and cannot be guaranteed to be error free as they can be intercepted, amended, or contain viruses. Anyone who communicates with us by e-mail is deemed to have accepted these risks. Saisanket Automation Pvt Ltd is not responsible for errors or omissions in this message and denies any responsibility for any damage arising from the use of e-mail. Any opinion and other statement contained in this message and any attachment are solely those of the author and do not necessarily represent those of the company.
</p>
</div>