有没有办法让这个动画的高度和我的文字一样高？

是的，可以通过CSS样式来实现让动画的高度与文字一样高。具体的方法是使用CSS的属性height来设置动画元素的高度，然后使用CSS的属性line-height来设置文字元素的行高，使其与动画元素的高度相等。

以下是一个示例的CSS代码：

.animation {
  height: 100px; /* 设置动画元素的高度 */
  background-color: red; /* 设置动画元素的背景颜色 */
  animation: myAnimation 2s infinite; /* 设置动画效果 */
}

.text {
  line-height: 100px; /* 设置文字元素的行高与动画元素的高度相等 */
}

@keyframes myAnimation {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}

在上述代码中，.animation类定义了动画元素的样式，其中height属性设置了动画元素的高度为100px，background-color属性设置了动画元素的背景颜色为红色，animation属性设置了一个名为myAnimation的动画效果，持续时间为2秒，无限循环播放。

.text类定义了文字元素的样式，其中line-height属性设置了文字元素的行高为100px，与动画元素的高度相等。

通过以上CSS样式，可以实现让动画的高度与文字一样高的效果。

请注意，以上示例中的CSS代码仅为演示目的，实际应用中可能需要根据具体情况进行调整。