link 中的不间断 space

Question

在网站的子导航中，我尝试让从后端读取的 link Suite «Mont Blanc» 像这样包装：

      Suite
«Mont Blanc»

而不是：

  Suite «Mont
      Blanc»

我知道有  ，但如果我将其插入结构元素名称（列为 link），link 将不再正常工作。

有没有一种隐形的不易碎的space我可以用？

Answer 1

使用CSS防止换行：
white-space: nowrap;

Answer 2

你可以像这样将它包裹在一个跨度中：

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

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

Answer 3

这样使用：Demo

CSS:

span{
    white-space: nowrap;
}

HTML:

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

编辑：

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

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