文字中断Chrome问题

Question

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

在谷歌Chrome词有两个线分为：

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）