是否有可能防止CSS中连字符之间的断线？

Question

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

CodePen演示来更好地说明这个场景。

Answer 1

你试过用“不间断连字符”吗？不需要CSS。这是一个普通的html实体。

试试这个‑

这是一个例子

​

Sample‑text

​

Answer 2

摘要您的问题是这样的:您正在尝试撤消分词，但是想用连字符代替它。以下几点应该会有所帮助

如果这不是你想要的，我很抱歉，这就是你对我说的话。

，，试试这个

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

注如果单词中有连字符，它将返回它。

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