HTML - Outlook 客户端高度问题

【问题标题】：HTML - Outlook clients height issueHTML - Outlook 客户端高度问题
【发布时间】：2018-08-17 04:15:33
【问题描述】：

请参阅下面的 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>

cmets 之间的&lt;td&gt; 元素重复多次（出于条形码原因）。但是，当您超过 100 个 (appx) &lt;td&gt; 元素时，Outlook 客户端似乎会忽略 50px height。截图如下。

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

我已尝试删除总嵌套的 table 并将其替换为 div，但仍然遇到同样的问题。

当我超过 x 个 &lt;td&gt; 元素时，为什么 Outlook 客户端会忽略 50px height？

【问题讨论】：

  • 请客气。如果您对这个问题有建设性的批评，请不要讽刺或侮辱。
  • 尝试将 50px 高度添加到内部表格的父 td（不是样式），看看是否有帮助。
  • @Syfer 感谢您的建议。我刚刚尝试过，但仍然得到相同的行为。前景令人沮丧...
  • 很好奇......为什么你有这么多内表？为什么不只是 td 来创建列？ （只是想理解你的推理）

标签： html css html-table html-email


【解决方案1】：

我删除了所有内部表格、宽度并仅保留外部 td，它现在可以在 Outlook 2016 版本 1802（内部版本 9029.2167）中使用。

现在您所需要的只是另一组 td，用白色分隔条码线。

<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>

建议：不要使用边框，使用像素宽度的 td 并给它一个背景颜色。

让我知道这是否适合你。

【讨论】：

  • 仍在尝试，如果可行，将更新为答案 - 感谢您的帮助
  • 它不会只显示为黑框，所以不要害怕，正如我上面所说，您需要更多的列来分隔条码行
  • 是的，理解，只是试图让它发挥作用。但是到目前为止看起来还不错，谢谢
【解决方案2】：

问题很简单，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>

祝你好运。

【讨论】：

  • 感谢您的建议，不幸的是，将高度属性添加到表格不会改变行为
  • 我在 Outlook 2013、2016 和一系列其他电子邮件客户端中对此进行了测试，因为我想找出答案。在我将height="50" 添加到每个表之前，它对我不起作用。
猜你喜欢
  • 1970-01-01
  • 2015-08-13
  • 1970-01-01
  • 2020-03-11
  • 2011-06-29
  • 2022-01-08
  • 2010-10-12
  • 2021-02-25
  • 2011-11-13
相关资源
最近更新 更多
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode