的几个问题（弹跳，对齐）

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/