3

我有一个a href内部 div，表格单元格内的这个链接是多行的，文本居中对齐。

现在整个单元格变得可点击，因为 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

我猜你的填充有问题：4px

由于 padding 是元素的一部分，它变得可点击。我建议在父元素上使用边距或填充。（您可以使用 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 回答