为什么span的内容会超出div，而不是还一行，但是有些就能正常显示？

Question

Answer 1

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