自動換行：斷詞不適用於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>