自动换行：换行功能不适用于 Safari 10.1 中的列表

Question

这是我的非常具体的场景：自动换行：如果第一行溢出，则在 Safari 10.1 中的列表上换行不起作用。其他所有行都会正确断开。如果使用连字符：auto，第一行将会中断。

js小提琴： https://jsfiddle.net/3smrv3tk/

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

截图：

最坏的情况是我使用 -webkit-hyphens: auto，但希望有人有更隐蔽的解决方案！

Answer 1

断字：打破所有；

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

Answer 2

尝试使用

overflow-wrap

代替

word-wrap

溢出换行和断字的区别？

Answer 3

您可以向 li 元素添加样式

hyphens:auto;

。

Answer 4

你可以尝试：

自动换行：任何地方； 空白：预换行；