CSS 分词在 Microsoft edge 中无法正常工作

Question

我注意到 Microsoft Edge 中的某些 css 属性存在问题，例如：

 word-break: break-word;

有没有办法解决这个问题或者有办法解决这个问题？

原文由 Panchi 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

word-break: break-word 已弃用，MS Edge 或 MS IE 不支持。请参阅 关于此的 mozilla 文档。

word-break 受 MS Edge 和 MS IE 支持 这里是支持的浏览器列表 。

有效的 MS Edge 和 MS IE word-break 属性是：

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

---

或者，mozilla 文档指定 overflow-wrap: break-word; 以您希望 word-break: break-word 运行的方式运行。

原文由 Chris 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

另一种解决方案是使用 word-wrap 属性，恕我直言，它表现得更“智能”——这意味着只有当单词太长而无法适应线宽时，才会应用单词 break，并且不会适用于可以简单地整体移动到下一行的单词。

CSS：

 word-wrap: break-word;

大多数浏览器都支持 word-wrap 属性，截至今天，我可以肯定地确认它在 Microsoft Edge、IE11、Chrome、Firefox、Opera 和 Safari 中有效。

Note, word-wrap has now been renamed to overflow-wrap , with word-wrap now being an alternative name for that property, however overflow-wrap is not understood由 Microsoft Edge 提供，因此请坚持使用 word-wrap 以实现跨浏览器兼容性。

原文由 David 发布，翻译遵循 CC BY-SA 3.0 许可协议