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

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

The dog went for a walk and ran to-
wards the car.

应该

The dog went for a walk and ran 
towards the car.

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

最佳答案

添加CSS规则

* { -webkit-hyphens: none; }

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

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