我遇到一个问题,Outlook只是忽略(或增加额外)元素的设置高度。在附带的屏幕截图中,您可以看到Outlook和浏览器视图之间的巨大差异。任何人都可以建议如何让Outlook以浏览器的形式显示我的表格?
提示:细胞不是空的,我只需要去除内容:)
这是特定邮件的HTML代码:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><style><!--
span{
font-family:helvetica;
font-size:10pt;
}
#incident td.header{
background-color:#005286;
color:#fff;
width:20%;
text-align:right;
vertical-align:middle;
padding:7px;
line-height:0;
}
#incident td.data{
background-color:#e8e8e8;
padding: 10px 0;
line-height:0;
}
#incident tbody tr td div{
padding: 0 7px;
}
#incident{
width:100%;
border: 1px inset #005286;
margin: 25px 0;
}
#incident td.question{
background-color:#eacd3a;
}
#incident td.resolved{
background-color:#5dd852;
}
--></style>
</head><body><div>
<table style="width: 100%; border: 1px inset #005286;">
<tbody>
<tr>
<td style="text-align: left; padding: 15px;"><span style="font-size: 25pt;">Service Desk</span></td>
<td style="padding: 10px;"><img align="right" src="" height="28px" width="93px" alt=""></td>
</tr>
</tbody>
</table>
<hr></div>
<p><span></span></p><p><span id="salutation">Dear ,</span></p>
<p>the following incident has been assigned to you.</p>
<table id="incident">
<tbody>
<tr>
<td style="background-color: #005286; padding: 0; height: 15px;" colspan="2"> </td>
</tr>
<tr>
<td class="header">Incident number</td>
<td>
<div class="data"><a id="snc_uri_ref_link" href=""></a></div>
</td>
</tr>
<tr>
<td class="header">Caller</td>
<td>
<div class="data"></div>
</td>
</tr>
<tr>
<td class="header">Created</td>
<td>
<div class="data"></div>
</td>
</tr>
<tr>
<td class="header">Priority</td>
<td>
<div class="data"></div>
</td>
</tr>
<tr>
<td class="header">Subject</td>
<td>
<div class="data"></div>
</td>
</tr>
<tr>
<td class="header">Description</td>
<td>
<div class="data"></div>
</td>
</tr>
</tbody>
</table>
<p> </p><p></p>
<div>
<table>
<tbody>
<tr>
<td><span>Sincerely,</span><br><span>Your IT-Department</span></td>
</tr>
</tbody>
</table>
</div><div> </div><div style="display:none"></div></body></html>