jquery - 将文本中间与位置对齐：绝对

Question

我正在使用 jRumble 一个 jquery 插件来使我的文本抖动。

我希望它在悬停时激活，但前提是您悬停文本（而不是 div！）所以，我使用position: absolute;

因为我使用position:absolute;我的文本左对齐，而不是中间！

没有绝对：http: //jsfiddle.net/UxS6y/

绝对：http: //jsfiddle.net/UxS6y/1/

Answer 1

我看了看小提琴，如果您进行以下更改，它应该可以工作：

/* In style sheet */
.center {
    text-align:center;
}

#cv {
    /* add this on top of what is there*/
    display:inline-block;
}

/* remove the absolute */
<div class="center"> 
    <span id="cv">CV</span>
</div>

更新的小提琴

Answer 2

包含的 div 将需要指定的绝对宽度，因为它不会占用整个屏幕。因此，如果您将其 (#absolute) 设置为 width:100%; 它应该工作。

Answer 3

尝试使用将 div 移动到屏幕中心left

#absolute {
    position: absolute;
    left: 50%;
    margin-left: -11px;/*half the width of the div*/
}