我正在使用
我创建了一个 JSFiddle。
这需要在IE9/IE10中工作,但如果在Firefox和Chrome中也能工作那就更好了。
word-break: break-all;
,想知道如何让浏览器自动插入连字符hyphens,就像MDN example中演示的那样。
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中也能工作那就更好了。
­
来实现软连字符的效果。 - Volker E.