【发布时间】：2018-02-26 03:13:11
【问题描述】：
虽然 CSS 有 word-break 来更好地控制长词的显示，但是否可以通过保留连字符而不被强行分成 2 行来做相反的事情？
CodePen Demo 更好地说明场景。
【问题讨论】：
标签： html css word-break
【发布时间】：2018-02-26 03:13:11
【问题描述】：
您是否尝试过使用“不间断连字符”？不需要CSS。这是一个普通的html实体。
试试这个‑
这是一个例子
Sample‑text【讨论】：
-
这是一个有趣的方法，谢谢。您的解决方案将我带到了 graphemica.com/%E2%80%91 ，它将字符命名为“不间断连字符”。
总结 您的问题是，您正在尝试撤消断字，但想用连字符代替它。以下应该会有所帮助
如果这不是您想要的，我很抱歉这就是我读到的方式。
试试这个
.myClass{
-moz-hyphens: none;
-ms-hyphens: none;
-webkit-hyphens: none;
hyphens: none;
}
注意如果单词中有连字符，它会回车
为了避免它返回一个连字符的单词，并强制它是 1 个单词，那么它将通过 javascript，您需要将“-”的文本更改为另一个人建议的 HTML 实体
【讨论】：
-
添加了一个 CodePen 演示来说明我的问题。
-
修改了我上面的回复，请注意如果单词中已经有连字符，那么它会回车，因为语法正确所以唯一的方法是 JS