Question

我使用了animate.css库很长时间了，并且效果很好，但是今天我发现它不适用于SPAN或不是DIV的任何其他元素。有谁知道原因以及如何解决？

检查下面真正简单的示例（下面的代码）：

当您打开上面的链接时，您可以看到AAA和CCC会自动进行动画处理（在页面加载时），但是bbb不会进行动画处理。唯一的区别是一个是div，另一个是span。如何使span也可以动画？

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<!-- Animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css" />

</head>

<body>

    <div class="animated bounce">AAA</div>

    <span class="animated bounce">bbb</span>

    <div class="animated bounce">CCC</div>

</body>
</html>

Answer 1

在display: inline-block上添加span。

这将解决您的问题。

元素需要具有块行为，而不是内联。

为什么animate.css仅适用于DIV元素

1 个答案: