Outlook 白线问题解决方法

让人痛恨的白线,这是Outlook的一个Bug,只发生在2016及以后的版本。这根白线只能靠“挤” 才能挤没。一般发生在两个<table>标签之间

方法:

1、用&nbsp;挤,在白线附近的<table>最后一个</td>的前面加&nbsp;  大部分是最后一个</td>,如果<table>中还有<table> 可尝试在里面的最后一个</td>加&nbsp;(该方法会改变样式,且肉眼可见)

2、微调高度,将白线挤没。 附近的<div>或者padding-bottom,或者字体大小等,只要能调高度的都试一下,微调1px-2px 没准白线就可以被挤没。(该方法改动后肉眼基本无法发现,推荐该方法)

这个CSS可以解决一部分白线问题,但不能保证全部解决

table {
    border-collapse: collapse;
    mso-table-rspace: 0pt;
    border-spacing: 0; 
    mso-line-height-rule: exactly; 
    mso-margin-bottom-alt: 0; 
    mso-margin-top-alt: 0; 
    mso-table-lspace: 0pt; mso-table-rspace: 0pt;
}
 

猜你喜欢

转载自blog.csdn.net/T262702247/article/details/104069528