Html 文本居中的div上的CSS转换（垂直/水平）

我正在努力在包含垂直和水平居中文本的div元素上实现可接受的转换

带有文本的span元素随着过渡到顶部而移动，并创建了这种难看的淡出效果。我偶然发现，但不幸的是，在span包装器元素上使用绝对位置并没有多大帮助

HTML

{{lobb.actionMessage.data}

CSS

.action消息div{
高度：75px；
线高：75px；
文本对齐：居中；
}
.行动讯息范围{
显示：内联块；
垂直对齐：中间对齐；
线高：正常；
}
.留言板成功{
边框：2px实心#008000；
背景色：#90EE90；
}
.message-panel-success.ng-hide-add、.message-panel-success.ng-hide-remove{
过渡：所有放松1秒；
-webkit过渡：所有1秒都放松；
-moz转换：所有1秒都放松；
-o型过渡：所有1秒都放松；
-ms过渡：所有1秒都放松；
}
.message-panel-success.ng-hide{
线高：0；
不透明度：0；
填充：0 10px；
}

解决方案

---

行高：0消息面板success.ng hide

中的code>把我的css搞砸了-当然你不能把它从75px改为0。

你能帮我解决这个问题吗？会更容易操作。我已经找到了打字错误并将其添加到了最初的帖子中。