この場合:
<td>
Some Text
<span class="Icon"></span>
</td>
テキストで必要に応じて改行を取得したいのですが、スパンを新しい行にしたくないので、常にテキストの一部に固定します。どうすればできますか?
おかげで、
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 。
span
の前のすべての空白を単一の改行しないスペースに置き換えます(テキストとspan
にスタイルを設定したレンダリングの間にスペースを表示したい場合は、スペースを必要としない場合は、
)。
<td>
Some Text <span class="Icon"></span>
</td>