Css 避免在sup元素上换行

Css 避免在sup元素上换行,css,Css,我试图避免sup上的换行,但是前面的元素是链接元素,我不希望sup被链接。在最后一个单词和sup上强制不换行的最好方法是什么 <a href="#">My Name:</a> <sup>*</sup> * 您可以简单地使用不间断空格 <a href="#">My Name:</a>&nbsp;<sup>*</sup> (注意:内联样式仅用于示例)使用字符的简单解决方案+1将上述示例中的“类

我试图避免sup上的换行,但是前面的元素是链接元素,我不希望sup被链接。在最后一个单词和sup上强制不换行的最好方法是什么

<a href="#">My Name:</a> <sup>*</sup>
*

您可以简单地使用不间断空格

<a href="#">My Name:</a>&nbsp;<sup>*</sup>

(注意:内联样式仅用于示例)

使用
字符的简单解决方案+1将上述示例中的“类”更改为“样式”。右@Val!更新。
<span style="white-space: nowrap"><a href="#">My Name:</a> <sup>*</sup></span>