div中的跨浏览器文本换行

Question

有没有办法让一个文本块适合div，并在中断之前插入一个' - '插入中间词。

基本上有文字环绕这样的元素。然后我可以创建一个文本块，当div id调整大小时，它将自动环绕到轧花

Answer 1

评论者是对的。但是为了它的价值，这可能是你得到的最好的：http://jsfiddle.net/zB47k/

Answer 2

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

.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;

Answer 3

在等待跨浏览器本地支持连字符时，可以采用以下方法： http://code.google.com/p/hyphenator/

或添加soft-hyphens serverside（php）： http://phphyphenator.yellowgreen.de/

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