4 个回答

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

clipboard.png

因为浏览器把那一串数字当成一个单词了,你得强制换行word-break:break-all;

给它强制换行,word-break:break-all;

word-wrap:break-word

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题