用连字符css自动换行

Question

我在div中有一行文本可能如下所示:

A really long user defined team Name 1 (7-0)

7-0将成为球队纪录.这是一个特定宽度的div,有时浏览器喜欢打破不需要的连字符,因为它应该被视为一个单词.所以我最终可能会:

A really long user defined team Name 1 (7
-0)

有没有办法让自动换行工作在哪里处理连字符,好像它是一个普通字符,而不是一个应该支持休息的地方？

Answer 1

虽然接受的答案确实很好,但你应该考虑使用更明显的css样式:

CSS:

.together {
    white-space: nowrap;
}

HTML:

<p>A really long user defined team Name 1 <span class="together">(7-0)</span></p>