Outlook 2016忽略高度/填充

时间:2018-06-08 06:05:53

标签: html html-table outlook height

我遇到一个问题,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">&nbsp;</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>&nbsp;</p><p></p>
<div>
<table>
<tbody>
<tr>
<td><span>Sincerely,</span><br><span>Your IT-Department</span></td>
</tr>
</tbody>
</table>
</div><div>&nbsp;</div><div style="display:none"></div></body></html>

0 个答案:

没有答案