スパンの空白のnowrap

Question

この場合：

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

テキストで必要に応じて改行を取得したいのですが、スパンを新しい行にしたくないので、常にテキストの一部に固定します。どうすればできますか？

おかげで、

Answer 1

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>