CSS word-break在Microsoft边缘无法正常工作

Question

我注意到,在Microsoft Edge中,某些css属性存在问题,例如:

word-break: break-word;

有没有办法解决这个问题还是有办法解决这个问题？

Answer 1

word-break 是由MS边缘支撑.以下是支持的浏览器列表.这里的问题是你给了它一个不正确的财产.有效的word-break属性是:

word-break: normal|break-all|keep-all|initial|inherit;

Answer 2

一种替代解决方案是利用word-wrapIMHO表现得更“智能” 的属性-意味着仅当单词太长而无法适合线宽时才使用分行符，而不会仅适用于可以简单地行进的单词整体移至下一行。

CSS：

word-wrap: break-word;

该word-wrap属性受大多数浏览器支持，到目前为止，我可以肯定地确认它可以在Microsoft Edge，IE11，Chrome，Firefox，Opera和Safari中运行。

请注意，word-wrap现已重命名为overflow-wrap，word-wrap现在是该属性的替代名称，但是overflow-wrapMicrosoft Edge无法理解，因此请坚持使用word-wrap与跨浏览器兼容。