一段时间以来,我一直在为溢出换行、断字和连字符苦苦挣扎,但要获得完美的结果似乎几乎是不可能的。基本问题是我希望长词换行以避免破坏我的布局。但我只希望在确实有必要时进行换行,即只有当单词没有足够的空间容纳一行时。我注意到,特别是Firefox在设置时非常慷慨(以一种糟糕的方式)hyphens: auto
,导致比实际需要的包装更多。很长的段落可能会充满连字符,这使得文本非常难以阅读。
以这支笔为例:https ://codepen.io/monodrive/pen/vYJqMxN
在 Firefox 中打开它并与 Chrome 进行比较。Firefox 打破了“daten”这个词,即使它完全适合下一行而不需要连字符。Chrome 做了我期望它做的事情,将整个单词“daten”放在下一行。
所以我的问题是,有没有办法告诉浏览器只在真正需要时才使用连字符,就像 Chrome 默认做的那样?