CSS-强制单词换行而不是断字

Question

我的客户不希望他的网站上出现任何字眼。示例:

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 属性？

Answer 1

添加CSS规则

* { -webkit-hyphens: none; }

Safari 会为单词断字(根据描述会发生这种情况)的唯一情况是显式断字提示，如 to­wards 或通过 自动断字 - webkit-连字符:自动。 Safari 被描述为支持自动断字，但这似乎不适用于 Windows 版本 (5.1.7)。不管怎样，上面的规则对任何一种方式都有帮助。

另一方面，最好防止不需要的连字符。