用连字符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>

Answer 2

http://jsfiddle.net/zfsYK/4/

这里你去..

我只是将您不想在div设置为display:inline的文本包裹起来..

现在似乎无法让它破裂

Answer 3

根据上下文，将此作为内容问题解决可能比在表示层中解决它更合适。假设您希望永远不会被自动换行打破，即使有人将其复制/粘贴到您的网站之外并进入其他地方，请使用不间断的连字符替换连字符。 Unicode U + 02011，可以像A really long user defined team Name 1 (7‑0)一样插入HTML。

Answer 4

任何人都在寻找解决方案。您应该将white-space: nowrap应用于文本中每个夸张的单词出现。我为自己做了这件事，也许有帮助：

https://jsfiddle.net/ooj6kmx1/21/

此致