Word break Chrome问题

Question

我有一个单词，其中包含“ - ”（预平衡），我不会在两行中分开。

在谷歌浏览器中这个词分为两行：

something something something pre-
balancing

我希望它是：

something something something pre-balancing

或：

something something something
pre-balancing

对于没有“ - ”的其他单词可以正常工作。 我的此问题仅适用于Chrome浏览器。在我测试的所有其他浏览器中似乎工作正常。

任何人都可以帮我解决这个问题吗？

Answer 1

改为使用不间断的连字符‑ html实体。

Answer 2

在包含连字符的长词周围包裹<span>标记。并按如下方式应用CSS。

<p>something <span class="nowrap">pre-balancing<span> something something something</p>

.nowrap {
    white-space: nowrap;
}

或者在HTML中使用非断开连字符：‑或‑ （虽然我更喜欢CSS）