css - 断字Chrome问题

Question

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

在谷歌 chrome 中这个词分为两行：

something something something pre-
balancing

我希望它是：

something something something pre-balancing

或者：

something something something
pre-balancing

对于其他没有“-”的单词可以正常工作。我只有 chrome 浏览器才有这个问题。在我测试过的所有其他浏览器中似乎工作正常。

谁能帮我解决这个问题？

score 4 · Accepted Answer

4

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

于 2017-04-06T14:54:18.597 回答

score 1 · Accepted Answer

<span>在包含连字符的长单词周围加上一个标签。并按如下方式应用 CSS。

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

.nowrap {
    white-space: nowrap;
}

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

2 回答 2