div中的文本：自动换行时在中间拆分

我有一个居中的文本短语，在某些设备上可以放在一行中，但在其他设备上会变成两行。文本在一个div. 在某些设备上，它只是太长了，所以只有最后一个字换行。从美学上讲，这看起来很糟糕。我希望我能做的是在中间分割短语，所以每行都以相似的长度居中。

我试过这个CSS：

text-align: center;
margin: 0 auto;
width: 100%;

但这只会让我解决我描述的问题。在谷歌搜索如何进行之后，我还没有找到任何可行的解决方案。实际上，我没有发现有人试图提出同样的问题，所以我怀疑我的搜索词有问题。你如何在文本中间而不是在右侧自动换行？