关于 white-space 的 pre-wrap 的换行问题

Question

我想测试一些关于 white-space 的具体的行为，我看 MDN 上介绍说 pre-wrap 会在文本超出内容框的时候选择换行，但是为什么下面这个会多换行一次呢

CodePen 地址：https://codepen.io/mrcodehang/pen/wqxxWN

截图：

Answer 1

好像是因为英文的话，一个空格就是单词分界，单词太长放不下不会被切断，就换行了，加一个word-break: break-all;它就会切断。

Answer 2

空白符 导致换行，然后pre-wrap 保留空白符 然后进行换行，就导致三行，实用 pre-line 就正常了会清楚空白符