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

Question

我正在使用jRumble一个jquery插件让我的文字震动。

我希望它激活on-hover，但只有当你将鼠标悬停在文本上时（不是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>

Updated fiddle

Answer 2

包含div需要一个绝对的指定宽度，因为它不占用整个屏幕。所以如果你把它（#absolute）设置为宽度：100％;它应该工作。

Answer 3

尝试使用left

将div移动到屏幕中心

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