html - 不允许换行

如何限制转到下一行？或者至少以某种方式还在换行符中显示了上一个单词？我有一个achor标签，该标签链接到文章底部的参考，但是有时它们会自己进入下一行，如您在图像中所看到的。如果也只有一个，可能会发生这种情况。

目前我有这个CSS

left: -3px;
top: -0.5em;
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;

这是单个的html代码

<a class="footnote" title="V. Umeljić, (2004.), U svijetu cvijeća i pčela: Atlas medonosnog bilja, Zagreb: Tisak" id="return-note-4832-1" href="#note-4832-1"><sup>[1]</sup></a>

safasdfasdfasdfsd asdf sdaf asdf asdfsadf sa fdas fg dfg sddfg sdfgsfgg sfg sdfg sdfgsdfg<a class="simple-footnote" title="V. Gligić, (1954.), Etimološki botanički rečnik, Tuzla: Grafičar" id="return-note-5174-4" href="#note-5174-4"><sup>[1]</sup></a>
<a
class="simple-footnote" title="V. Gligić, (1954.), Etimološki botanički rečnik, Tuzla: Grafičar" id="return-note-5174-4" href="#note-5174-4"><sup>[2]</sup>
  </a>

最佳答案

Working JSFiddle

只需使用 替换内联元素的空格，如下所示：

&nbsp;<a class="footnote" title="V. Umeljić, (2004.), U svijetu cvijeća i pčela: Atlas medonosnog bilja, Zagreb: Tisak" id="return-note-4832-1" href="#note-4832-1"><sup>[1]</sup></a>&nbsp;<a class="footnote" title="V. Umeljić, (2004.), U svijetu cvijeća i pčela: Atlas medonosnog bilja, Zagreb: Tisak" id="return-note-4832-1" href="#note-4832-1"><sup>[2]</sup></a>

 看起来像一个人的空格，但是浏览器将段落和链接中的最后一个单词视为单个字符串。

关于html - 不允许换行，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34113579/

sup

html - 不允许<sup>换行