6

我正在创建一个 HTML 时事通讯，我需要显示一些具有指定高度、宽度和块级显示的空锚链接，但Gmail似乎删除了空<a>链接，所以我输入&nbsp;了链接，它就像一个魅力，但它呈现&nbsp;为-特点。

我检查了 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 项目中。

4

3 回答 3

6

我想问题是空格带有下划线，就像通常的链接一样。您必须设置text-decoration停止此操作。

由于它是 HTML 时事通讯，我假设您想内联执行此操作：

<a style="text-decoration: none;">&nbsp;</a>
于 2013-03-12T16:54:29.000 回答
4

你有三个解决方案：

1-<br/>在你的<a>元素内部使用，即：

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

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

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

2-text-decoration:none与_&nbsp;

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

3-text-indent与height和​​一起使用width

<a href="#" style="text-indent:999px;width:0px;height:0px;overflow:hidden;">&nbsp;</a>
于 2013-03-12T16:55:42.087 回答
1

添加

a { text-decoration: none; }

或添加内联：

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

默认情况下，锚标签具有text-decoration: underline;.

于 2013-03-12T16:55:15.590 回答