自动换行：断词不适用于Safari 10.1中的列表

Question

这是我非常特定的场景：自动换行：如果第一行溢出，则断行不适用于Safari 10.1中的列表。 每隔一行将正常中断。 如果使用连字符，则第一行将中断：自动。

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

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

屏幕截图： 自动换行：Safari 10.1中的断行

最坏的情况是我使用-webkit-hyphens：auto，但希望有人可以伪装成更复杂的解决方案！

Answer 1

尝试使用overflow-wrap而不是word-wrap

溢出包装和断字之间的区别？

Answer 2

您可以添加样式hyphens:auto; 你的李元素。

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>