nowrap属性は、テーブルのセル内にある文章の自動改行を禁止するためのものでした。

HTML5では、このnowrap属性が廃止されていることを知っていましたか？

それでは、文章を改行させたくない場合、どのように処理すればいいのでしょうか？

他に方法があるなら知りたいですよね。

今回は、nowrap属性を使わずに、文章の自動改行を禁止する方法を紹介します。ぜひ最後まで読んでくださいね！

スタイルシートのwhite-spaceプロパティを使用する

nowrap属性の代わりに、CSSのwhite-spaceプロパティを使って指定することができます。

具体的には、以下のように記述します。

p { white-space:nowrap;}

pの部分は、セレクタといい、HTML内のどの範囲にデザインを適用するのか指定します。

white-spaceの初期値は「normal」で、何も指定していない場合、この値が適用されます。

normalのときには、改行や連続したスペース、タブなどが、1つの半角スペースとしてまとめられ、要素の横幅に合わせて自動改行されます。

white-spaceの値を「nowrap」にすることで、自動改行がなくなり、収まらない文章は要素からはみ出します。

他にwhite-spaceには次のような値があります。

自動改行せず、要素からはみ出した文章の表示方法は、これとは別のoverflowプロパティで指定します。

例えば、overflow:hiddenと指定した場合、はみ出した部分は非表示になります。

まとめ：nowrap属性の代わりにwhite-spaceプロパティを使う

今回は、nowrap属性の代わりに使用できる、white-spaceプロパティのnowrapについて、説明しました。

HTMLは歴史の中で、特定の機能が廃止されたり、新しく生まれたりしています。

すべて把握することは難しいですが、新しい情報を取り入れていくことは大事ですよね。

今回の記事が少しでも参考になれば幸いです。

＼プログラミングスクールを比較／