[解決済み】span要素の改行を防止する【重複あり

質問

私の場合は <span> 要素を改行せずに表示したい。どうすればよいのでしょうか？

どのように解決するのですか？

これをCSSに記述してください。

white-space:nowrap;

詳細はこちらでご確認ください。 http://www.w3.org/wiki/CSS/Properties/white-space

white-space

は white-space プロパティは、要素内の空白をどのように処理するかを宣言しています。

値

normal この値は、ユーザエージェントに、一連の空白を折り畳み、必要に応じて改行してラインボックスを埋めるように指示します。

pre この値は、ユーザーエージェントが一連の空白を折りたたむのを防ぎます。ソース内の改行、または生成されたコンテンツ内の "\A" が発生した場合のみ改行されます。

nowrap この値は、'normal' と同様にホワイトスペースを折りたたみますが、テキスト内の改行を抑制します。

pre-wrap この値は、ユーザーエージェントが一連の空白を折りたたむのを防ぎます。ソース内の改行、生成されたコンテンツ内の "\A" の出現、および行ボックスを埋めるために必要なときに改行されます。

pre-line この値は、ユーザエージェントに一連の空白を折りたたむように指示します。ソース内の改行、生成されたコンテンツ内の "\A" の出現時、および行ボックスを埋めるために必要な場合に改行されます。

inherit 要素の親のプロパティと同じ指定値を取ります。