對齊文本中間位置：絕對

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> 

Updated fiddle

Answer 2

內含div將需要與絕對具有指定的寬度，因爲它不佔用整個屏幕。所以如果你設置它（#absolute）爲寬度：100％;它應該工作。

Answer 3

嘗試在div移動到屏幕的中心使用left

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