[CSS]IEで要素が自動改行してくれない(カラム落ちする)時の対処法

IEブラウザで要素が自動改行してくれない時の、CSSで簡単にできる対処法を紹介。

ieには相変わらず愕然とさせられる時がある今日この頃。
インターネットエクスプローラーブラウザでの確認は、未だにドキドキすることがある恥ずかしい私です。

忘れっぽい私の為のメモですが、シェアしておきます。

本当はこんな感じで表示したいのですが。
IEブラウザで要素が自動改行してくれない時の、CSSで簡単にできる対処法を紹介。

IEで確認すると自動改行されずに、小さいスペースに無理やり入り込もうとする醜い姿に。。
IEブラウザで要素が自動改行してくれない時の、CSSで簡単にできる対処法を紹介。

でそんな時の対処法ですが、以下CSSを対象要素に適用させてください。

ul li{white-space:nowrap;}

これでイメージ通りの表示になるはずです。
ul liの箇所は、各当要素名に変更して下さいね。