行の終わりで「スパン」をラップしないようにするにはどうすればよいですか？

Question

本当に長いテキスト行の場合、折り返さずに拡張したい

Answer 1

試して

span
{
  white-space: pre;
}

または w3c仕様に適合するその他の値 ：

正常
。

pre
この値は、ユーザーエージェントが空白のシーケンスを折りたたむのを防ぎます。行は、保持されている改行文字でのみ壊れます。

nowrap
この値は、「通常」の場合と同様に空白を折りたたみますが、テキスト内の改行を抑制します。

事前ラップ
この値は、ユーザーエージェントが空白のシーケンスを折りたたむのを防ぎます。行は、保存された改行文字で改行され、必要に応じて行ボックスを埋めます。

プレライン
この値は、空白のシーケンスを折りたたむようにユーザーエージェントに指示します。行は、保存された改行文字で改行され、必要に応じて行ボックスを埋めます。

制限されたIEリストされたオプションの一部のサポート があることにも注意する必要があります。

警告、クロスブラウザコンテンツの乱雑さ：行のすべてのスペースを で置き換えることができます

Answer 2

CSS：

span
{
    white-space:nowrap
}