web-dev-qa-db-ja.com

スパンの空白のnowrap

この場合:

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

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

おかげで、

9
Mina

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

14
Mina

spanの前のすべての空白を単一の改行しないスペースに置き換えます(テキストとspanにスタイルを設定したレンダリングの間にスペースを表示したい場合は、スペースを必要としない場合は、 &nbsp;)。

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