是否可以防止CSS中带连字符的单词之间的换行符？

Question

虽然CSS有word-break来更好地控制长单词的显示，但是可以通过保留带连字符的单词而不是强行分成两个单独的行来反过来吗？

CodePen Demo更好地说明了这种情况。

Answer 1

您是否尝试使用＆＃34;非破坏连字符＆＃34;？不需要CSS。它是一个普通的html实体。

试试这个‑

这是一个例子

＆＃13;

＆＃13;

Sample‑text

＆＃13;

＆＃13;

＆＃13;

Answer 2

<强>摘要 你的问题是，你试图撤消单词破坏但是想用连字符替换它。以下内容应该有所帮助

如果这不是你想要的，我向他道歉这就是它给我看的内容。

试一试

.myClass{
  -moz-hyphens: none;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}

请注意，如果单词中有连字符，则会将其返回

为了避免它返回一个带连字符的单词，并强制它为1个单词，那么它将通过javascript，你需要将“ - ”的文本改为HTML实体，这是另一个人建议的