1

虽然 CSS 必须word-break更好地控制长词的显示，但是否可以通过保留连字符而不被强行分成 2 行来做相反的事情？

CodePen Demo以更好地说明场景。

4

2 回答 2

2

您是否尝试使用“不间断连字符”？不需要CSS。这是一个普通的 html 实体。

尝试这个‑

这是一个例子

Sample‑text

于 2018-02-26T03:18:36.533 回答
1

摘要 您的问题是，您正在尝试撤消断字，但想用连字符代替它。以下应该有帮助

如果这不是你想要的，我很抱歉这就是它读给我听的方式。

试试这个

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

请注意，如果单词中有连字符，它将回车

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

于 2018-02-26T03:19:17.813 回答