记录下如何让字体在div内 自动换行 上下居中

div内样式

display: flex;  // flex布局

justify-content: center; // 上下居中

align-items: center; // 左右居中

overflow-wrap: break-word; // 允许字体换行  （若行内的单词无法放下则换行）

word-break: break-all; // 强制文本在任意字符间进行换行 （不适用于英文换行，英文会把单词拆开）

英文换行换成 word-wrap: break-word

这样就会让div内的字体不管换行与否一直处于居中的状态

像这样