HTML - Outlook客户端高度问题

时间:2018-03-08 17:47:55

标签: html css html-table html-email

请参阅以下代码以获取HTML电子邮件;

<table class="barcode" style="border-collapse:collapse; border:none !important; background:white; width:auto; margin: auto;">
  <tr style="height: 50px;">
    <!-- This is duplicated -->
    <td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
        <table style="border-collapse: collapse"><tr>
            <td height="50" width="4.3" style="visibility:hidden; width:4.3px; height:50px; font-size:4px; color:#FFFFFF; color:transparent; padding: 0">&#9608;</td>
        </tr></table>
    </td>
    <!-- /This is duplicated -->
    </tr>
</table>

评论之间的<td>元素多次重复(因条形码原因)。但是,当您获得超过100(appx)<td>元素时,Outlook客户端似乎忽略了50px height。截图如下。

Screenshot

https://jsfiddle.net/uqtzov9u/1/ - 生成上述内容的代码

我尝试删除大量嵌套table并将其替换为div,但仍遇到同样的问题。

当我超过x个height个元素时,为什么Outlook客户端会忽略50px <td>

2 个答案:

答案 0 :(得分:1)

我删除了所有内部表格,宽度并仅保留了外部td&#39;并且它现在可用于Outlook 2016 版本1802(Build 9029.2167)

现在你所需要的只是另一套用白色分隔条形码线的td。

&#13;
&#13;
<table class="barcode" style="border-collapse:collapse; border:none !important; background:white; width:auto; margin: auto;">
	<tbody>
		<tr style="height: 50px;">
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">
			
			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
			<td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;">

			</td>
		</tr>
	</tbody>
</table>
&#13;
&#13;
&#13;

建议:不要使用边框,使用带有像素宽度的td并为其指定背景颜色。

请告诉我这是否适合您。

答案 1 :(得分:0)

问题很简单,Outlook喜欢表格有高度和宽度,并会忽略样式。将height="50"添加到每个表格中,问题将得到解决。

<table height="50" class="barcode" border="2" style="border-collapse:collapse; border: none!important; background:white; width:auto; margin: auto; height: 50px!important;">
<tr style="height: 50px;">
    <td height="50" style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;"> 
    <table height="50" style="border-collapse: collapse">
        <tr>
            <td height="50" width="4.3" style="visibility:hidden; width:4.3px; height:50px; font-size:4px; color:#FFFFFF; color:transparent; padding: 0">&#9608;</td>
        </tr>
    </table>
    </td>
    <td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;"> 
    <table height="50" style="border-collapse: collapse">
        <tr>
            <td height="50" width="2.3" style="visibility:hidden; width:2.3px; height:50px; font-size:2px; color:#FFFFFF; color:transparent; padding: 0">&#9608;</td>
        </tr>
    </table>
    </td>
    <td style="height: 50px; padding:0 0 0 0; margin:0 0 0 0; background:white; border-width:0 0 0 1.6px; border-left-color: black; border-left-style: solid;"> </td>
  </tr>
</table>
祝你好运。