CSS字断不会在微软边缘正常工作

Question

它已经到了我的注意，在微软的边缘有一个与一些CSS属性，如一个问题：

word-break: break-word; 

是否有解决这个的一种方式或者有没有办法解决这个问题？

Answer 1

word-break是 MS Edge支持。支持的浏览器的Here is a list。这里的问题是你给它一个不正当的财产。有效word-break属性是：

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

Answer 2

另外值得一提的是，尽管word-break: break-word;是不当财产，它的无证和WebKit的非标准的属性值。这使得单词换行像单词换行一样：break-word，但可以与动态宽度一起使用。

Answer 3

另一种解决方案是利用IMHO行为更加“智能化”的word-wrap属性 - 这意味着仅当单词太长而不适合行宽时才会应用单词分隔符，并且不会应用到可以简单地整体移动到下一行的单词。

CSS：

word-wrap: break-word; 

的word-wrap财产大多数浏览器都支持，并为今天的我当然可以证实它在微软的边缘，IE11，Chrome浏览器，Firefox，Opera和Safari浏览器。

注意，word-wrap现已更名为overflow-wrap，与word-wrap现在是该属性的替代名称，但overflow-wrap不是由微软边缘了解使用word-wrap跨浏览器的兼容性所以坚持。