css - 如何停止 CSS 断字，单词之间没有破折号

Question

如何阻止单词连字符

例如:Supercalifragilis-
ticexpialidocious

应该只是 Supercalifragilisticexpialidocious

从 CSS Tricks 尝试了下面的 css，但它似乎不起作用，尤其是在 safari 上。有帮助吗？？？

 -ms-word-break: break-all;
 word-break: break-all;

 // Non standard for webkit
 word-break: break-word;

 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 hyphens: auto;

Answer 1

尝试

-webkit-hyphens:manual;
-moz-hyphens:manual;
hyphens:manual;

将它们设置为 auto 会导致问题

您也可以使用

完全关闭它们

  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;