参见英文答案 >
What is the difference between “word-break: break-all” versus “word-wrap: break-word” in CSS9个
overflow-wrap / word-wrap和word-break之间的确切区别是什么?
任何人都可以告诉我,打破很长的联系是什么更好的?大多数人说你应该使用断字与溢出包装,但它看起来不合逻辑.我认为使用overflow-wrap与word-wrap相结合来获得更好的跨浏览器支持是最好的方法.你怎么看?
overflow-wrap / word-wrap和word-break之间的确切区别是什么?
任何人都可以告诉我,打破很长的联系是什么更好的?大多数人说你应该使用断字与溢出包装,但它看起来不合逻辑.我认为使用overflow-wrap与word-wrap相结合来获得更好的跨浏览器支持是最好的方法.你怎么看?
解决方法
从源头引用
> word-wrap: word-wrap CSS属性用于指定浏览器是否可能在单词中断行,以防止在其他不可破坏的字符串太长而不能包含在其包含框中时出现溢出.
> overflow-wrap:在CSS3 Text规范的当前草案中,将word-wrap属性重命名为overflow-wrap
> word-break: word-break CSS属性用于指定如何(或if)断开单词内的行
所以,你需要与word-wrap相结合,这是正确的组合.