【问题标题】:White space between td in table in gmailgmail中表中td之间的空格
【发布时间】:2015-09-06 19:18:17
【问题描述】:

我有一张桌子,我在 gmail 上将其作为 html 发送,但其中有空白。我想这是由于gmail。两个 td 之间有空格。 怎么去掉?

我的代码是:

 <table>         
            <tr class="empty"><td></td></tr>
            <tr class="empty"><td></td></tr>

            <tr>
              <td colspan="4" style="background-color: #007C66 !important; color:white !important;">
                    Company:
                </td>
                <td colspan="4" style="background-color: #007C66 !important; color:white !important;">
                    Employee:
                </td>
            </tr>
   //other code
   </table>

【问题讨论】:

    标签: css gmail html-table whitespace


    【解决方案1】:

    表格中有默认的单元格间距。在表中设置cellspacing="0"

    <table cellspacing="0">         
            <tr class="empty"><td></td></tr>
            <tr class="empty"><td></td></tr>
    
            <tr>
              <td colspan="4" style="background-color: #007C66 !important; color:white !important;">
                    Company:
                </td>
                <td colspan="4" style="background-color: #007C66 !important; color:white !important;">
                    Employee:
                </td>
            </tr>//other code
    </table>
    

    这里是DEMO

    【讨论】:

    • 谢谢,我会用的! :)