我正在使用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
我也创建了一个JSFiddle。
这需要在 IE9/IE10 中工作,但如果它也能在 Firefox 和 Chrome 中工作就更好了。