字母上的CSS结束行

Question

我正在尝试将文本放入具有固定宽度的div中以打破字母而不是单词。我真的想办法解释它，所以我做了一个小例子。任何帮助将不胜感激。

现在发生了什么。

|Hello   |
|World!  |

我想要的是什么：

|Hello Wo|
|rld!    |

Answer 1

word-wrap: break-word;

根据CSS W3规范：

  

一个牢不可破的“字”可能会被打破   如果没有，任意点   否则可接受的断点   这条线。塑造人物仍然是   形状好像这个词没有被打破，   和字素集群必须在一起   留在一个单位。