jquery - 几个问题（弹跳，对齐）

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/