javascript - div内的跨浏览器文本换行

Question

有没有办法让一个文本块适合一个 div 并用一个在中断之前插入的“-”来包装中间词。

基本上让文本像这样环绕元素。然后我可以创建一个文本块，当 div id 调整大小时
，它会自动环绕到开头

Answer 1

评论者是对的。但就其价值而言，这可能是您将获得的最好的：http: //jsfiddle.net/zB47k/

Answer 2

在等待跨浏览器本机支持连字符时，一种方法可能是： http ://code.google.com/p/hyphenator/

或添加软连字符服务器端 (php)： http: //phphyphenator.yellowgreen.de/

我有自己使用的在 php 中添加软连字符的方法（使用上面的库），因为站点是多语言的，所有与语言相关的东西都发生在服务器端。

Answer 3

如果你不是绝对需要'-'，你可以使用自动换行

.wrap {word-wrap:break-word;}

<div class="wrap">dfkajdlkfjkadjfjadjfladjfkajdkjfkajdfad</div>

您也可以使用新的连字符规范，但它对浏览器的支持有限： http ://caniuse.com/#feat=css-hyphens

-ms-hyphens: auto;
-webkit-hyphens: auto;
-moz-hyphens:auto;