我正在使用word-break: break-all;并且想知道如何使浏览器自动插入连字符，如MDN示例所示。

div {

  width: 80px;

  height: 80px;

  display: block;

  overflow: hidden;

  border: 1px solid red;

  word-break: break-all;

  hyphens: auto;

  -ms-hyphens: auto;

  -moz-hyphens: auto;

}


<div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>

这样文本将如下所示：

aaaaaaaa-
aaaaaaaa-
aaaaaaaa-
aaaaaaaa

这需要在IE9 / IE10中工作，但是如果它也可以在Firefox和Chrome中工作，那就太好了。