Question

我正在创建一个HTML简报，我需要显示一些指定高度，宽度和块级别显示的空锚链接，但Gmail似乎删除了空的<a>链接，因此我将 放入链接，它就像一个魅力，但它将 呈现为-字符。

我检查了Mozilla Firefox和Google Chrome，两种浏览器都存在问题。有什么想法吗？

代码示例：

<table cellpadding="0" cellspacing="0" width="100%">
    <tbody>
        <tr>
            <td height="42" width="49" style="height: 42px; width: 49px"></td>
            <td height="42" width="123" style="height: 42px; width: 123px">
                <a href="http://www.youtube.com/user/adsf" style="display: block; height: 42px; width: 123px">&nbsp;</a>
            </td>
            <td height="42" width="79" style="height: 42px; width: 79px">
                <a href="http://asdf.asdf.dsf" style="display: block; height: 42px; width: 79px">&nbsp;</a>
            </td>
            <td height="42" width="129" style="height: 42px; width: 129px">
                <a href="https://www.facebook.com/asdfasdf" style="display: block; height: 42px; width: 129px">&nbsp;</a>
            </td>
            <td height="42" width="111" style="height: 42px; width: 111px">
                <a href="https://twitter.com/adfdasff" style="display: block; height: 42px; width: 111px">&nbsp;</a>
            </td>
            <td height="42" width="269" style="height: 42px; width: 269px"></td>
        </tr>
    </tbody>
</table>

更新：它与Gmail无关，我的HTML项目也存在这个问题。

更新2：这是text-decoration问题，谢谢大家的好意。

Answer 1

我想问题是空间有下划线，就像链接一样。您必须设置text-decoration才能停止此操作。

由于它是HTML简报，我认为你想内联这样做：

<a style="text-decoration: none;">&nbsp;</a>

Answer 2

您有三种解决方案：

1 - 在<br/>元素中使用<a>，即：

<a href="#"><br/></a>

如果你想控制元素的高度，请使用：

<a href="#" style="height:20px;overflow:hidden;"><br/></a>

使用text-decoration:none

的 

2 -

<a href="#" style="text-decoration:none;">&nbsp;</a>

使用text-indent height和width

3 -

<a href="#" style="text-indent:999px;width:0px;height:0px;overflow:hidden;">&nbsp;</a>

Answer 3

添加

a { text-decoration: none; }

或添加内联

<a href="path" style=" text-decoration: none;"> &nbsp; </a>

默认情况下，锚标记包含text-decoration: underline;

为什么非中断空格（）正在转换为短划线字符（ - ）

3 个答案: