我正在使用单词:break-all;并想知道如何让浏览器自动插入连字符,如MDN示例所示:
文件:https://developer.mozilla.org/en-US/docs/CSS/hyphens
例如:https://developer.mozilla.org/samples/cssref/hyphens.html
HTML:
<div>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div>
CSS:
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; }
这样文本就像这样:
aaaaa- aaaaa- aaaaa-
这是一个小提琴:
http://jsfiddle.net/LJYj3/2/
这需要在IE9 / IE10中工作 – 但是Firefox / Chrome也很好.