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

前端之家收集整理的这篇文章主要介绍了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).无论如何,上述规则有助于两种方式.

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

猜你在找的CSS相关文章