IEブラウザで要素が自動改行してくれない時の、CSSで簡単にできる対処法を紹介。
ieには相変わらず愕然とさせられる時がある今日この頃。
インターネットエクスプローラーブラウザでの確認は、未だにドキドキすることがある恥ずかしい私です。
忘れっぽい私の為のメモですが、シェアしておきます。
本当はこんな感じで表示したいのですが。
IEで確認すると自動改行されずに、小さいスペースに無理やり入り込もうとする醜い姿に。。
でそんな時の対処法ですが、以下CSSを対象要素に適用させてください。
ul li{white-space:nowrap;}
これでイメージ通りの表示になるはずです。
ul liの箇所は、各当要素名に変更して下さいね。