我在div中有一行文字可能如下所示:
A really long user defined team Name 1 (7-0)
7-0将成为球队纪录。这是一个特定宽度的div,有时浏览器喜欢打破不需要的连字符,因为它应该被视为一个单词。所以我最终可能会:
A really long user defined team Name 1 (7
-0)
有没有办法让自动换行工作在哪里处理连字符,好像它是一个普通字符,而不是一个应该支持休息的地方?
答案 0 :(得分:6)
虽然接受的答案很好,但你应该考虑使用更明显的css风格:
CSS:
.together {
white-space: nowrap;
}
HTML:
<p>A really long user defined team Name 1 <span class="together">(7-0)</span></p>
答案 1 :(得分:3)
答案 2 :(得分:2)
根据上下文,将此作为内容问题解决可能比在表示层中解决它更合适。假设您希望永远不会被自动换行打破,即使有人将其复制/粘贴到您的网站之外并进入其他地方,请使用不间断的连字符替换连字符。 Unicode U + 02011,可以像A really long user defined team Name 1 (7‑0)
一样插入HTML。
答案 3 :(得分:0)
任何人都在寻找解决方案。您应该将white-space: nowrap
应用于文本中每个夸张的单词出现。我为自己做了这件事,也许有帮助:
https://jsfiddle.net/ooj6kmx1/21/
此致