我有一个移动的版的电子邮件布局填充的问题。我认为td标签添加他们的填充未经许可,我不能修复它。也许你有主意的家伙?桌面版:enter image description here移动的版:这些块enter image description here代码:
<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom: 10px;">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
<tr style="margin:0; padding:0;">
<td class="link-td">
<a class="link" href="#" style="font-size: 11px;color: #08D2FF;font-weight: 600;text-decoration: none;margin: 0;margin-bottom: 5px;padding: 0;">dawcdawdcawdc</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
<tr style="margin:0; padding:0;">
<td class="link-td">
<a class="link" href="#" style="font-size: 11px;color: #08D2FF;font-weight: 600;text-decoration: none;margin: 0;margin-bottom: 5px;padding: 0;">awdcawdcawd</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
<tr style="margin:0; padding:0;">
<td class="link-td">
<a class="link" href="#" style="font-size: 11px;color: #08D2FF;font-weight: 600;text-decoration: none;margin: 0;margin-bottom: 5px;padding: 0;">acdawcdawdcaw</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
<tr style="margin:0; padding:0;">
<td>
<p style="font-size: 11px;color: #08D2FF;font-weight: 600;text-decoration: none;margin: 0;margin-bottom: 5px;padding: 0;">acdawdcawdcw</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
我试过给予td标签,链接类填充:0;保证金:0;行高:100%,但那没用
1条答案
按热度按时间kq0g1dla1#
this article的第三步建议您应该在
<td>
元素上设置padding:0;
,而您只在<tr>
和<a>
上设置了padding:0;
。而且你真的需要嵌套表吗?简化你的代码以使用单个表可能也会有帮助。