的幾個問題（彈跳，對齊）

Question

我試着對準在圈中的文本中，有當圓盤旋他們反彈（文字即是）

這就是：

http://jsfiddle.net/cJ3se/

希望有人能幫助

丹佛

Answer 1

最簡單的方法元素中垂直居中文本的單行是匹配元素的'高度'的'行高'。所以在這種情況下，這將是：

.circ { 
    line-height: 200px; 
} 

然後，有文字的反彈，只是改變通過動畫中的「行高」：

.circ:hover { 
    animation: bounce .5s ease-in-out infinite; 
} 
@keyframes bounce { 
    50% { line-height: 175px; } 
} 

這裏是一個工作演示：http://jsfiddle.net/joshnh/Cvjsu/