链接中不间断的空间

Question

在一个网站的子导航中，我尝试将“Suite«Mont Blanc”链接从后端读出来包装如下：

套件
«勃朗峰»

而不是：

套房«Mont
布兰克»

我知道有 但如果我在结构 - 元素名称（列为链接）中插入，则该链接将不再正常工作。

我可以使用一种看不见的不可破坏的空间吗？

Answer 1

使用CSS来防止包装：
white-space: nowrap;

Answer 2

你可以把它包裹在这样的范围内：

Suite<br />
<span style="white-space: nowrap;">«Mont Blanc»</span>

即使外部div小于文本，white-space: nowrap; CSS也会阻止换行。

Answer 3

使用如下： Demo

CSS：

span{
    white-space: nowrap;
}

HTML：

Suite
<span>«Mont Blanc» </span>

修改

如果您需要下一行的跨度内容您可以尝试这样： Demo

span{
    clear:both;
    display:block;
    white-space: nowrap;
}