HTML - Outlook 客户端高度问题

HTML - Outlook clients height issue

请参阅以下代码获取 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。屏幕截图如下。

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

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

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

问题很简单,Outlook喜欢tables有高度和宽度,会忽略样式。每个table加上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>

祝你好运。

我删除了所有内部表格和宽度,只保留了外部 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 并为其指定背景颜色。

让我知道这是否适合你。