Html 如何在flex中垂直对齐一行或两行文本？

使用flexbox时，我可以通过以下css对齐：

.crp_related .crp_title {
    border-radius: 0px !important;
    font-weight: 600;
    background-color: #4E64DD !important;
    height: 50px;
    display: flex;
    text-align: center;
    overflow: hidden;
    line-height: 1.5;
    flex-flow: unset;
    justify-content: center;
    align-items: unset;
    position: absolute;
    padding: 4px 0px;
}

问题是一行文字不会位于中间：

如果我使用

对齐项目：居中，还有一个问题：（如果有两行以上，它会全局居中，而且这不是我想要的）

那么，如何将一条直线推到中间？
选择该标题并使用
对齐自：居中
查看更多信息->
您需要做的是将文本放在一个跨距中，并将其居中，而不是文本

这里-我将
display:flex
放在卡片页脚上，然后
margin:auto
放在页脚内的跨距上。这将导致跨距在卡片页脚内水平居中（由于最大宽度），垂直居中


.card包装器{
显示器：flex；
}
.卡片{
宽度：200px；
边框：实心1px#222；
利润率：16px；
}
.卡体{
高度：100px；
}
.card body p{
文本对齐：居中；
}
.卡片页脚{
背景颜色：蓝色；
显示器：flex；
高度：50px；
颜色：白色；
}
.card页脚span{
保证金：自动；
最大宽度：80%；
显示：内联块；
文本对齐：居中；
}

内容在这里

这是一行文字
内容在这里

这是将换行的两行文本
您是否尝试过
垂直对齐：中间？是的，不起作用。我不能为一个项目设置样式，标题不是固定的。Dynamic changes.crp_标题已经是一个范围。