谁能帮我找到一种替代方法来在电子邮件模板中创建以下功能。 Inline position styling is being removed from the template .
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>
最佳答案
这适用于每个电子邮件客户端:
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;"> </td>
<td width="50">Price</td>
</tr>
</table>
<table>
关于html - 电子邮件模板中的内联定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54150872/