链接填充 HTML 电子邮件

Mor*_*eus 5 html css html-table html-email

我有带有此标记的表格:

<tr id="main_nav">
    <td style="width: 100%" colspan="2">
        <a>Link1</a>
        <a>Link2</a>
        <a>Link3</a>                            
    </td>
</tr>
Run Code Online (Sandbox Code Playgroud)

我需要为这些链接设置填充,但我无法让它工作...... CSS:

#main_nav a {
    color: #fff;
    font-weight: bold;  
    padding-left: 1em;
}
Run Code Online (Sandbox Code Playgroud)

我尝试过的:将链接包装到 p 标签、span 标签、添加 css 显示块、显示表、添加带有填充的样式到链接。不能用<td>标签包装每个链接!

编辑:尝试了边距而不是填充,没有运气。

Mik*_*ole 6

通过将大边框设置为与背景相同的颜色,我成功地解决了这个问题。

border: 10px solid #fff;
Run Code Online (Sandbox Code Playgroud)


Par*_*Par 2

放入<a>Link1</a>div 内,然后设置 div 内边距。

如果仍然不起作用,请尝试更改 div 的宽度,如下所示: http: //jsfiddle.net/XWLv6/1/