避免sup元素上的换行

时间:2018-01-04 01:10:42

标签: css

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

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

1 个答案:

答案 0 :(得分:1)

您可以简单地使用不间断的空格&nbsp;

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

如果由于某种原因,您不希望元素之间有空格,则应使用white-space属性和nowrap将其包装在容器中,如下所示:

<span class="white-space: nowrap"><a href="#">My Name:</a>&nbsp;<sup>*</sup></span>

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