CSS-强迫单词到新行而不是破坏词

Eri*_*mes 5 css safari line-breaks word-break

我的客户希望他的网站上没有任何文字被破坏.例:

The dog went for a walk and ran to-
wards the car.
Run Code Online (Sandbox Code Playgroud)

应该

The dog went for a walk and ran 
towards the car.
Run Code Online (Sandbox Code Playgroud)

问题只出现在Safari中.有谁知道CSS属性来解决这个问题?

Juk*_*ela 11

添加CSS规则

* { -webkit-hyphens: none; }
Run Code Online (Sandbox Code Playgroud)

Safari将连字符(根据描述发生的事情)的唯一情况是明确的连字提示,如在to­wards或通过自动连字-webkit-hyphens: auto.Safari被描述为支持自动连字,但这似乎不适用于Windows版本(5.1.7).无论如何,上述规则有助于两种方式.

另一方面,防止不希望的连字符可能更好.