word-break 换行设置

202 阅读1分钟

原文转载word-break | MDN

normal

使用默认的断行规则。

break-all

对于non-CJK (CJK 指中文/日文/韩文) 文本,可在任意字符间断行。

keep-all

CJK 文本不断行。 Non-CJK 文本表现同 normal。

break-word

他的效果是word-break: normal 和 overflow-wrap: anywhere 的合,不论 overflow-wrap的值是多少。

word-break: normal;

image.png

word-break: break-all;

image.png

word-break: keep-all;

image.png

word-break: break-word; /* deprecated */

image.png