word-break

• CSS
• father::换行样式

实例说明:

定义和用法

word-break 属性规定自动换行的处理方法。 常搭配max-width使用 提示： 通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。

1. 默认值：normal
2. 继承性：yes
3. 版本：CSS3
4. JavaScript 语法: object.style.wordBreak="keep-all"

语法

word-break: normal|break-all|keep-all;

1. 说明:

1. normal 使用浏览器默认的换行规则。
2. break-all 允许在单词内换行
3. keep-all 只能在半角空格或连字符处换行。

与 white-space/overflow-wrap 的关系

• white-space：控制空白字符与换行符的处理，以及是否允许自动换行；对“长不可断单词”的强制断行能力弱。

  指向原始笔记的链接

• overflow-wrap: break-word（别名：word-wrap: break-word）：当一行放不下时允许在任意合法点折行，能处理不可断的长单词/长串。

  提示

  • 普通文本自动换行优先用 white-space 控制空白与换行保留；
  • 存在不可断长单词/长串时，使用 overflow-wrap 保证布局不被撕裂。

  指向原始笔记的链接