文本处理 CSS 属性 - white-space/word-break/word-wrap

CSS 处理文本的几个属性,理解起来比较相似。本文汇总在一起,帮助对比、理解、记忆。

white-space

https://developer.mozilla.org/zh-CN/docs/Web/CSS/white-space

white-space CSS 属性用于设置如何处理元素内的空白字符。

这个属性指定了两件事:
空白字符是否合并,以及如何合并。
是否换行,以及如何换行。

word-break

https://developer.mozilla.org/zh-CN/docs/Web/CSS/word-break

CSS 属性 word-break 指定了怎样在单词内断行。

overflow-wrap (别称 word-wrap)

https://developer.mozilla.org/zh-CN/docs/Web/CSS/overflow-wrap

CSS 属性 overflow-wrap 应用于行级元素,用来设置浏览器是否应该在一个本来不能断开的字符串中插入换行符,以防止文本溢出其行向盒。