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

mrcode
  • 769

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

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

截图:

回复
阅读 4.4k
2 个回答

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

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

宣传栏