停止包含带连字符的文字？

Question

我在div中有一堆链接。有些人的格式是“some-name”。那些带连字符的人会分裂和包裹。我希望它开始一个新的路线。怎么办呢？

Answer 1

您可以使用不间断的连字符‑

Answer 2

您可以使用CSS属性：white-space:nowrap;但请注意，它在某些浏览器上无法正常运行。

另一种选择是将您的链接包装成<pre>元素，但这种方法也会产生一些副作用。

Answer 3

<span style="white-space: nowrap;">some-name</span>

Answer 4

使用

关闭格式

<pre>...</pre>

Answer 5

你也可以这样做：

<nobr>Table-text</nobr>

参考：

How to prevent line break at hyphens on all browsers