鏈接填充 HTML 電子郵件

Question

我有帶有此標記的表格：

<tr id="main_nav">
    <td style="width: 100%" colspan="2">
        <a>Link1</a>
        <a>Link2</a>
        <a>Link3</a>                            
    </td>
</tr>

我需要為這些鏈接設置填充，但我無法讓它工作...... CSS：

#main_nav a {
    color: #fff;
    font-weight: bold;  
    padding-left: 1em;
}

我嘗試過的：將鏈接包裝到 p 標簽、span 標簽、添加 css 顯示塊、顯示表、添加帶有填充的樣式到鏈接。 不能用<td>標簽包裹每個鏈接！

編輯：嘗試了邊距而不是填充，沒有運氣。

Answer 1

通過將大邊框設置為與背景相同的顏色，我成功地解決了這個問題。

border: 10px solid #fff;

Answer 2

將<a>Link1</a>放在 div 中，然后設置 div 填充。

如果它仍然不起作用，請嘗試更改 div 的寬度，如下所示： http : //jsfiddle.net/XWLv6/1/

Answer 3

在電子郵件中始終如一地“填充”某些內容的最快方法是扔幾個  在那里。 我知道這似乎是不好的做法......

否則，將它們放入自己的表中，並使用空列作為填充以獲得一致的結果。

Answer 4

添加display:block; 到#main_nav a

Answer 5

您必須將 CSS 內聯到 HTML 電子郵件中的所有元素。 例子：

<a style="color:#fff;font-weight:bold;padding-left:1em;">Link1</a>

Answer 6

如果只是外觀問題，這就是我所做的。

border-right-width: 177px;
border-left-width: 177px;
border-top-width: 10px;
border-bottom-width: 10px;