html - 跨度上的空白 nowrap

Question

在这种情况下：

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

我想在必要时在我的 Text 上换行，但我不希望我的 span 换行，我希望它始终坚持部分文本。我该怎么做？

谢谢，

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>