logo标签列表

如何停止CSS断字，使单词之间没有连字符。

css
11

我该如何防止单词被分音节？

例如：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;
你尝试过使用 white-space: nowrap; 吗？ - Igl3
1
嗨，我尝试了那个，但它只是生成了一行超出边界的长文本 - 不是我期望的结果。不过还是谢谢。 - user595349
1个回答
26

尝试

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

将它们设为自动会导致问题

您也可以完全关闭它们，使用

  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接