6

HTMLニュースレターを作成していて、高さ、幅、ブロックレベルの表示を指定した空のアンカーリンクを表示する必要がありますが、Gmailは空の<a>リンクを削除&nbsp;しているようです。リンクを挿入すると、チャームのように機能しますが、次のようにレンダリング&nbsp;されます。-キャラクター。

MozillaFirefoxとGoogleChromeの両方を確認しましたが、両方のブラウザに問題があります。何か案は？

コードサンプル：

<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

3つの解決策があります。

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 に答える