Html 跨度上的空白 nowrap

whitespace nowrap on span

提问by Mina

In this case:

在这种情况下：

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

I want to get the line break when necessary on my Text but I don't want my span to get on a new line, I want it to always stick to part of the text. How can I do it?

我想在必要时在我的文本上换行，但我不希望我的跨度出现在新行上，我希望它始终坚持文本的一部分。我该怎么做？

Thanks,

谢谢，

回答by Mina

How I solved my problem by putting one span into the other:

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

<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>

Check JSFiddle.

检查JSFiddle。

回答by Jukka K. Korpela

Replace all whitespace before the spanwith a single no-break space (if you want some spacing to appear between your text and whatever rendering you have styled for the span; if no spacing is desired, omit the  ).

用span单个不间断空格替换 之前的所有空白（如果您希望在文本和为 设置样式的任何渲染之间出现一些间距span；如果不需要间距，请省略 ）。

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