YieldRay

word-break和word-wrap

December 24, 2021

先看下 CSS3 规范，这两个属性还是比较相似的

word-break

Breaking Rules for Letters: the word-break property
Name:	word-break
Value:	normal \| keep-all \| break-all \| break-word
Initial:	normal
Applies to:	text
Inherited:	yes

word-wrap 是 overflow-wrap 的别名

Overflow Wrapping: the overflow-wrap/word-wrap property
Name:	overflow-wrap, word-wrap
Value:	normal \| break-word \| anywhere
Initial:	normal
Applies to:	text
Inherited:	yes

上代码

还是看 MDN 吧

https://developer.mozilla.org/docs/Web/CSS/word-break
https://developer.mozilla.org/docs/Web/CSS/overflow-wrap

←Back to home

▲