CSS 一个DIV里面的文字如何上下左右居中显示?

div,css里如何让一段文字上下高度居中。是好几行,不是一行。

我记得上次为客户制作网站时,有一个小横幅,要求文字上下居中。
我尝试了很长时间。
使用padding-top创建,高度1 00px,文本占4 0px,计算为padding-top 3 0px,看起来像这样。
但有一个奇怪的事情。
当我用IE1 1 尝试时,文本似乎下降了一点。
后来改用flex布局就好了。
等等,不,还有一件事。
至于绝对定位方法,我上次使用top:5 0%和translateY(-5 0%)来垂直定位按钮。
结果,按钮的边缘有点模糊。
检查了半天,出现这种情况是因为z-index没有调整正确。
等等,还有一件事。
我突然想到,如果div中不是一行文字,而是几行怎么办?如果我使用padding-top方法,上面和下面留下的空间还是一样吗?