电子邮件模板中的内联定位

Question

谁能帮我找到在电子邮件模板中创建以下功能的替代方法。 内联位置样式将从模板中删除 。

 table { width: 80%; border-spacing: 0; } table tr td.label-dots { position: relative; overflow: hidden; background-color: red; } table tr td.label-dots span { position: absolute; overflow: hidden; white-space: nowrap; } table tr td:not(.label-dots) { background-color: blue; } 

 <table> <tr> <td class="label-dots">Label<span>...................................................................................................................</span></td> <td>$9.99</td> </tr> </table> 

Answer 1

这适用于每个电子邮件客户端：

border: 1px dotted #000000;

例：

 <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="400" style="margin: 0 auto;"> <tr> <td width="50">Item</td> <td width="300" style="border-bottom: 1px dotted #000000;">&nbsp;</td> <td width="50">Price</td> </tr> </table> <table>