自动换行：在Safari 10.1中的单词不能使用的单词

Question

这是我非常具体的场景：自动换行：如果第一行溢出，则在Safari 10.1中的列表中无效。每隔一行都会正常破坏。如果使用连字符，第一行将会中断：auto。

的jsfiddle： https://jsfiddle.net/3smrv3tk/

<ol class="test"><li>wrapwraaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaap</li></ol>

截图： word-wrap: break-word in Safari 10.1

最糟糕的情况是我使用-webkit-hyphens：auto，但希望有人有一个更加伪装的解决方案！

Answer 1

尝试使用overflow-wrap代替word-wrap

Difference between overflow-wrap and word-break?

Answer 2

您可以将样式hyphens:auto;添加到li元素。

Answer 3

断字：全部；

<div style="width: 100px;border: 1px solid red">
	<ol class="test"><li>wrapwraaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaap</li></ol>
</div>

<br><br><br> 
it's Working Fine
<br><br>
<div style="width: 100px;border: 1px solid red">
	<ol class="test"><li style="word-break: break-all;">wrapwraaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaap</li></ol>
</div>