字体换行？有时候不行怎么办

初步研究

今天遇到了一个感觉很简单的一个 div内部 文字居中，超出换行的问题。

. 不假思索，也直接百度，无非就3个属性 兼容浏览器可加前缀
white-space:normal;
word-break:break-all;
word-wrap:break-word
但是发现没这么简单，因为 我使用了line-height进行了文字居中
貌似这个 和上面几个属性会造成问题，无法换行，更不用说是居中换行

解决

flex 布局用到这里面 还可以进行换行，你敢信?
display: flex
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
这些属性写到 div里面的span中即可