3

私はa hrefdiv の中にあり、表のセル内のこのリンクは複数行で、中央揃えのテキストです。

a href が境界線に最も近い小さな領域を除いてスペース全体を埋めているため、セル全体がクリック可能になります。リンクテキストの周りの領域をクリックできないようにし、テキストのみにしたい。

これはcssです：

tbody td.link a{
    display: inline;
    font-family: Arial;
    font-size: 15px;
    color: #545454;
    position: absolute;
    padding-top: 4px;
    z-index: 10;
}

z-index は 10 であるため、リンクは背景よりも「ユーザーに近い」ため、これを変更するとリンク全体が無効になります。私もこれを試しましたが、結果はありません:

$('td.link').find('a').click(function(ev){
            ev.preventDefault();
            ev.stopPropagation();

        });

概要: 背景ではなく、リンクの実際のテキスト文字のみをクリック可能にする方法はありますか? ありがとう！

4

3 に答える 3

2

padding:4px に問題があると思います

パディングは要素の一部であるため、クリック可能になります。親要素にマージンまたはパディングを使用することをお勧めします。(サイズの問題を解決するには、box-sizing:border-box を使用できます。)

于 2012-10-17T08:38:40.007 に答える
2

実際のテキストは要素を構成しないため、できません。要素には常に、文字の周囲に空白が含まれます (内部は言うまでもありません)。ただし、要素が占める領域を制限することはできます。これは、パディングを削除し、行の高さをより小さい値 (おそらく 1) に設定し、ブロック要素をインライン要素に変更することを意味する場合があります。より具体的なアドバイスについては、より具体的な情報 (HTML および CSS コード) を提供する必要があります。

于 2012-10-17T09:50:19.013 に答える
0

このスタイルを追加します

tbody td.rank a{
text-decoration:none;
}
于 2012-10-17T08:34:09.523 に答える