span上的空格nowrap

Question

在这种情况下：

<td>
       Some Text
       <span class="Icon"></span>
</td>

我希望在必要时在文本上换行，但我不希望跨度在新行上，我希望它始终停留在文本的一部分。我该怎么做呢？

谢谢,

Answer 1

我如何通过将一个跨度放入另一个跨度来解决我的问题：

<table style="width:100px">
<tr>
    <td>
        I am Showing you what <span style=" white-space: nowrap;">I meant
        <span> Blah Blah </span></span>
    </td>

</tr>

​

检查JSFiddle。

Answer 2

将span之前的所有空格替换为一个不间断的空格(如果希望文本和为span设置样式的任何呈现之间显示一些空格；如果不需要空格，则省略  )。

<td>
       Some Text&nbsp;<span class="Icon"></span>
</td>