几个问题（Bounce，Align）

Question

我试图将文本对齐中间的圆圈，并在圆圈悬停时让它们反弹（文本是）

这是：

http://jsfiddle.net/cJ3se/

希望有人可以提供帮助

丹佛

Answer 1

在元素中垂直居中单行文本的最简单方法是将“line-height”与元素的“height”相匹配。所以在这种情况下：

.circ {
    line-height: 200px;
}

然后，要让文本反弹，只需通过动画改变'line-height'：

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

这是一个有效的演示：http://jsfiddle.net/joshnh/Cvjsu/