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

Question

如何阻止单词变成连字符

例如： Supercalifragilis-
无耻的

应该只是 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;

将它们置于自动状态会导致问题

您也可以使用

完全关闭它们

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