断字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）