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

时间:2013-08-27 10:16:46

标签: jquery css absolute

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

我希望它激活on-hover,但只有当你将鼠标悬停在文本上时(不是div!)所以,我使用position: absolute;

因为我使用position:absolute;我的文字在左边对齐,而不是中间!

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

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

3 个答案:

答案 0 :(得分: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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

尝试使用left

将div移动到屏幕中心
#absolute {
    position: absolute;
    left: 50%;
    margin-left: -11px;/*half the width of the div*/
}