不定行文字居中问题

一般来讲文字居中很多人选择的都是类似于这种的

height:50px;

line-height:50px;

导致的问题就是如果有不定多行的文字，可能就会出现样式错误，不好调节。

不定多行实例如图： 

第一行字体有两行，第一行只有一行，所以如果你简单的设置了 line-height:50px 是不行的

我个人用的是下面这种 

 

display: flex;
align-items: center;
justify-content: center;