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

我通过将大边框设置为与背景相同的颜色来成功解决此问题。

<style name="ActionButtonBlue" parent="Widget.AppCompat.Button.Colored">
    <item name="colorAccent">@color/blue_dark</item> 
    <item name="colorControlHighlight">@color/blue_light</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textSize">20sp</item>
</style>

<style name="ActionButtonYellow" parent="Widget.AppCompat.Button.Colored">
    <item name="colorAccent">@color/yellow_dark</item> 
    <item name="colorControlHighlight">@color/yellow_light</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textSize">20sp</item>
</style>

Answer 2

将<a>Link1</a>放入div中，然后设置div填充。

如果仍然无效，请尝试更改div的宽度，例如：http://jsfiddle.net/XWLv6/1/

Answer 3

在电子邮件中始终“填充”某些内容的最快方法是在其中抛出几个 。我知道这似乎是不好的做法...

否则将它们放入自己的表中，使用空col作为填充以获得一致的结果。

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;

链接填充HTML电子邮件

6 个答案: