word-break这个属性定义的是一段文字中哪些位置是可以断开的,当需要换行的时候,就会查找这些可以断开的位置。我们熟悉的可以断开的位置是空格,但是-也是默认的可以断开的位置。所以,第一张截图在需要换行的时候没有找到可以换行的位置,所以把文字都放在了一行;第二张截图因为包含了很多-,所以可以找到很多换行的位置,你会发现一行的末尾基本都是-。
word-break
这个属性定义的是一段文字中哪些位置是可以断开的,当需要换行的时候,就会查找这些可以断开的位置。我们熟悉的可以断开的位置是空格,但是
-
也是默认的可以断开的位置。所以,第一张截图在需要换行的时候没有找到可以换行的位置,所以把文字都放在了一行;
第二张截图因为包含了很多
-
,所以可以找到很多换行的位置,你会发现一行的末尾基本都是-
。