jQuery - 在text-align:center链接中获取显示文本的实际位置?

时间:2011-10-16 02:47:28

标签: jquery

我有一个水平菜单的链接,使用固定宽度,显示:块和居中文本进行样式设置。因此,虽然链接(块)本身可能是200px宽,但实际显示的文本可能从左边缘开始25或30像素,具体取决于链接中单词的长度。背景是透明的。

我想创建一个新的div并将其与单击的链接对齐,而不是使用块的左边缘(不可见),但是块内的TEXT的左侧位置。

有没有办法选择链接中居中文本的位置?因为它是“a”元素本身的一部分,所以children()似乎没有帮助......

1 个答案:

答案 0 :(得分:2)

将您的文本放在span容器中并找到其位置

var tpos = $('#one span').position();

$('#two').css({
    'left': tpos.left
});

sample code